SwiftUI macOS 輕鬆搭建現代感左右兩欄App(教程含源碼)

本文價值與收穫

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

看完本文您將掌握的技能

• 搭建兩欄基礎框架
• 設置工具欄
• 設置列表欄
• 現代化頭像

代碼

import SwiftUI
// 1、主界面
struct ContentView: View {
    @State var selection: Set<Int> = [0]
    
    var body: some View {
        //2.左側Siderbar
        NavigationView {
            List(selection: self.$selection) {
                Label("所有未讀", systemImage: "line.horizontal.3")
                Label("主題", systemImage: "text.bubble")
                Label("提醒", systemImage: "at")
                
                Divider()
                
                Label("普通", systemImage: "number")
                .tag(0)
                Label("隨機", systemImage: "number")