【SwiftUI实战】个人信息编辑页（.toolbar的应用）

这个简单演示一下个人信息的编辑页面，没有做过多的美工处理，主要是学习toolbar的布局。

import SwiftUI

struct ContentView: View {
    @State var name:String = ""
    @State var age:Int = 18
    @State var addr:String = ""
    var body: some View {
       
        NavigationView{
            VStack{
                Image(systemName: "moon.circle.fill")
                    .resizable()
                    .renderingMode(.original)//原始颜色
                    .aspectRatio(contentMode: .fit)
                    .frame(width: /*@START_MENU_TOKEN@*/100/*@END_MENU_TOKEN@*/, height:100 )
                    .clipShape(Circle())//修剪视图形状
                    .padding()
                
                Form{
                    Section(header: Text("个人信息编辑")){
                        TextField("姓名", text: $name)
                        TextField(
                            "年龄",
                            value: $age,
                            formatter:NumberFormatter()//格式化为数字
                        )
                        TextField("地址", text: $addr)
                    }
                }
            }
            .navigationTitle("我的资料")
            //下面是本演示的重点介绍
            .toolbar{//使用指定的项填充工具栏或导航栏。
                ToolbarItemGroup(placement: .navigationBarTrailing){
                    //代表一组工具栏项的模型，这些工具栏项可以放在工具栏或导航栏中。
                    Button{
                        print("取消动作")
                    } label:{
                        //用户界面项的标准标签，由带标题的图标组成。
                        Label("取消", systemImage:"arrowshape.turn.up.backward.circle.fill")
                    }
                    
                    Button("保存"){
                        print("点击动作")
                    }

                }
            }
        }
       
    }
}

除非注明，网络人的文章均为原创，转载请以链接形式标明本文地址：https://www.55mx.com/post/111