当前位置:首页 > 操作系统 > MacOs

macOS SwiftUI 经典框架之上下瀑布式工具栏框架(教程含源码)

实战需求

macOS SwiftUI 经典框架之上下瀑布式工具栏框架

本文价值与收获

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

macOS SwiftUI 经典框架之上下瀑布式工具栏框架(教程含源码) - 文章图片

macOS SwiftUI 经典框架之上下瀑布式工具栏框架(教程含源码) - 文章图片

看完本文您将掌握的技能

  • 垂直布局 ZStack(alignment: Alignment(horizontal: .center, vertical: .bottom))
  • 垂直间隔.padding(.vertical)
  • 设置阴影体现组件分割 .shadow(color: Color.black.opacity(0.08), radius: 5, x: 0, y: 5)
  • 让顶部组件和关闭按钮融合 .ignoresSafeArea(.all, edges: .all)

实战代码

<code>import SwiftUI

struct ContentView: View {
    @State var selected = "house.fill"
    @Namespace var animation
    
    var body: some View {
        VStack{
            ZStack(alignment: Alignment(horizontal: .center, vertical: .bottom)){
    </code>

【说明】本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!

相关教程推荐

其他课程推荐