75142913在线留言
【SwiftUI实战】个人信息编辑页(.toolbar的应用)_IOS开发_网络人

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

Kwok 发表于:2021-03-29 09:29:06 点击:7 评论: 0

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("点击动作")
                    }

                }
            }
        }
       
    }
}
除非注明,网络人的文章均为原创,转载请以链接形式标明本文地址:http://www.neter8.com/ios/111.html
标签:toolbarKwok最后编辑于:2021-04-01 09:01:28
0
感谢打赏!

《【SwiftUI实战】个人信息编辑页(.toolbar的应用)》的网友评论(0)

本站推荐阅读

热门点击文章