SwiftUI macOS之如何設置list行高(中文教程含代碼)

標簽： SwiftUI macOS開發

實戰需求

我們希望設置一下list的背景和行高，在macOS中該如何實現呢

本文價值與收獲

看完本文后，您將能夠作出下面的界面

有問題效果

正常效果

看完本文您將掌握的技能

macOS下list基礎使用
設置list背景
設置list行高

代碼

import SwiftUI

struct ContentView: View {
    var body: some View {
       TestListRow()
    }
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}


struct TestListRow: View {
    var body: some View {
        List {
            ForEach (0..<3) { i in

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/106462842

智能推薦

SwiftUI官方教程解讀

原文鏈接：https://www.jianshu.com/p/ecfdbea7a0ed SwiftUI簡介 SwiftUI是wwdc2019發布的一個新的UI框架，通過聲明和修改視圖來布局UI和創建流暢的動畫效果。并且我們可以通過狀態變量來進行數據綁定實現一次性布局；Xcode 11 內建了直觀的新設計工具canvus，在整個開發過程中，預覽可視化與代碼可編輯性能同時支持并交互，讓我們可以體驗到代...

SwiftUI 官方教程（十）

由于 API 變動，此文章部分內容已失效，最新完整中文教程及代碼請查看 https://github.com/WillieWangWei/SwiftUI-Tutorials 創建 watchOS App 本教程為你提供一個將你已經學到的關于 SwiftUI 的知識應用到自己的產品上的機會，并且不費吹灰之力就可以將 Landmarks app 遷移到 watchOS 上。首先，給項目添加一個 wa...

SwiftUI 官方教程（一）

由于 API 變動，此文章部分內容已失效，最新完整中文教程及代碼請查看 https://github.com/WillieWangWei/SwiftUI-Tutorials SwiftUI 簡介 SwiftUI 是一種為任何 Apple 平臺聲明用戶界面的現代化方式。以前所未有的速度，創建漂亮、動態的應用程序。只需要描述一次的布局為你的視圖聲明任何狀態的內容和布局，一旦狀態發生改變， Swif...

SwiftUI List設置自定義背景（教程含源碼）

實戰需求 SwiftUI List設置自定義背景本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握list基礎使用掌握設置list的背景顏色基礎知識 List 一個容器，用于顯示排列在單列中的數據行。主題建立清單 1、init(content: () -> Content) 創建具有給定內容的列表。是且符合時可用。SelectionValueNeve...

SwiftUI List 設置行點擊高亮動畫效果(教程含源碼)

實戰需求 SwiftUI List 設置行點擊高亮動畫效果？本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握background 掌握onTagGesture 掌握animation 掌握延時設置動畫基礎知識 List 一個容器，用于顯示排列在單列中的數據行。 background(_:alignment:) 將給定視圖分層放置在該視圖之后。...