实战需求
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、主界面
