zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

SwiftUI macOS 轻松搭建现代感左右两栏App(教程含源码)

Appmacos源码教程 搭建 轻松 SwiftUI
2023-09-11 14:18:32 时间

本文价值与收获

看完本文后,您将能够作出下面的界面

左右两栏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