SwiftUI—制作一份漂亮而强大的表单

简介: SwiftUI—制作一份漂亮而强大的表单

SwiftUI提供了强大而快速的表单制作功能。


示例代码:


struct ContentView : View {
    private var languages = ["Swift", "Objective-C"] //拾取器的数据源
    @State private var selectedLanguage = 0 //作为拾取器里处于选择状态的选项的索引值,和界面中的Picker进行数据绑定
    @State var workingYear: Double = 2 //滑杆视图的数值,和界面中的滑杆视图进行数据绑定 
    @State var enableNotification = false //形状视图的数值,和界面中的开关视图进行数据绑定
    var body: some View {
        NavigationView {
            Form { //添加一个表单
                Picker(selection: $selectedLanguage, label: Text("Languages")) {
                   ForEach(0 ..< languages.count) {
                    Text(self.languages[$0]).tag($0)
                   }
                }.pickerStyle(SegmentedPickerStyle())
                HStack{
                    Text("Working years")
                    Slider(value: $workingYear, in: 1...10, step: 1)
                }
                Toggle(isOn: $enableNotification) {
                    Text("Enable Notification")
                }
                Button(action: {
                    print("Your programming language: \(self.languages[self.selectedLanguage])")
                    print("Your working years: \(Int(self.workingYear))")
                    print("Enable notification: \(self.enableNotification)")
                }) {
                    Text("Submit")
                }
            }.navigationBarTitle(Text("Profiles"))
        }
    }
}


2466108-27bc2d70ed4ef1e5.webp.jpg


目录
相关文章
|
8月前
|
机器学习/深度学习 uml
Markdown编辑器用法保存自用
Markdown编辑器用法保存自用
101 0
|
6月前
|
开发者
小而美的IKUN-UI组件库源码学习(按钮 Button)
小而美的IKUN-UI组件库源码学习(按钮 Button)
36 0
|
8月前
|
前端开发
elementui-upload组件自定义样式上传(upload中常用的属性,但是网络上却找不到教程)(解决bug删除之后再次上传会上传删除的图片)专注后端工程师的前端速成
elementui-upload组件自定义样式上传(upload中常用的属性,但是网络上却找不到教程)(解决bug删除之后再次上传会上传删除的图片)专注后端工程师的前端速成
863 0
|
8月前
|
SQL 前端开发 JavaScript
终于弄懂了Layui表格重载数据(中途被女朋友劝反附聊天记录)
终于弄懂了Layui表格重载数据(中途被女朋友劝反附聊天记录)
183 0
|
移动开发 前端开发 HTML5
开心档 - 软件开发入门之 Bootstrap4 表单控件
Bootstrap 支持所有的 HTML5 输入类型: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, 以及 color。
|
JavaScript 小程序 Java
ngBoot 我随手封装了一个万能的导出excel工具,传什么都能导出 上
ngBoot 我随手封装了一个万能的导出excel工具,传什么都能导出 上
|
消息中间件 JavaScript 小程序
ngBoot 我随手封装了一个万能的导出excel工具,传什么都能导出 下
ngBoot 我随手封装了一个万能的导出excel工具,传什么都能导出 下
|
前端开发
前端工作总结201-element里面表单重置
前端工作总结201-element里面表单重置
54 0
前端工作总结201-element里面表单重置
|
中间件
Axure实战05:创建一个fakeUpdate假装更新网站
Axure实战05:创建一个fakeUpdate假装更新网站
627 0
Axure实战05:创建一个fakeUpdate假装更新网站
SwiftUI—方便用户选择项目的Picker拾取器
SwiftUI—方便用户选择项目的Picker拾取器
505 0
SwiftUI—方便用户选择项目的Picker拾取器