实战需求

macOS SwiftUI 实战项目笔记APP之 01搭建App基础架构

本文价值与收获

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

搭建App基础架构

搭建App基础架构

完成的功能

• 1、实现三栏效果
• 2、通过按钮控制侧边栏的显示与隐藏

• 3、解决了侧边栏新增按钮位置码放。
  之前计划模仿有道云笔记

  
  
  有道云笔记
  
  

  不过新建的下拉菜单感觉效果不太好

  
  
  截屏2020-12-27 下午8.51.44.png

struct CreatePageMenuView:View {
    var body: some View{
        Menu("新建") {
            Button {
                // style = 0
            } label: {
                Text("新建笔记")
                Image(systemName: "arrow.down.right.circle")
            }
            Button {
                //style = 1
            } label: {
                Text("新建书籍/笔记")
                Image(systemName: "arrow.up.and.down.circle")
            }
            Button {
                //style = 1
            } label: {
                Text("新建类型")
                Image(systemName: "arrow.up.and.down.circle")
            }
        }
        
    }
}

后来将该功能转移到下面

截屏2020-12-27 下午9.37.32.png

实战代码

1、主界面