SwiftUI—使用section将列表分为几个组

简介: SwiftUI—使用section将列表分为几个组

当列表里的数据很多,并且这些数据可以被分组时,我们可以使用section,将列表分为几个组。


示例代码:


struct ContentView : View {
    private var languages = ["Swift", "Objective-C"]
    @State private var selectedLanguage = 0
    @State var workingYear: Double = 2
    @State var enableNotification = false
    var body: some View {
        NavigationView {
            Form {
                Section(header: Text("Please enter your information:"), footer: Text("Note: Enabling notification to get more infomration")) {
                    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: {
                // activate theme!
                    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-c5714db96e17b65d.webp.jpg

目录
相关文章
SwiftUI—方便用户选择日期的DatePicker日期拾取器
SwiftUI—方便用户选择日期的DatePicker日期拾取器
2095 0
SwiftUI—方便用户选择日期的DatePicker日期拾取器
|
iOS开发
SwiftUI极简教程34:LazyVGrid垂直网格和LazyHGrid水平网格的使用
SwiftUI极简教程34:LazyVGrid垂直网格和LazyHGrid水平网格的使用
2216 0
SwiftUI极简教程34:LazyVGrid垂直网格和LazyHGrid水平网格的使用
|
Web App开发 人工智能 Android开发
iconfont.cn 阿里出品的矢量图标库
Iconfont.cn是阿里巴巴推出的矢量图标库,其中涵盖了1000多个常用图标,并在持续更新中。(目前已有7000+图标,部分图标为用户上传,因此默认不公开,但是可以搜索到。)
14660 0
iconfont.cn 阿里出品的矢量图标库
|
6月前
|
Java 开发工具 Android开发
Flutter环境搭建-Window环境
Flutter环境搭建以及搭建的常见问题
781 6
|
6月前
|
存储 数据采集 JSON
Python 爬虫技术:抖音视频批量提取与数据存储
Python 爬虫技术:抖音视频批量提取与数据存储
|
8月前
|
人工智能 自然语言处理 搜索推荐
2025国内智能客服系统有哪些值得推荐?支持免费试用的有哪些?
2025年,大模型驱动智能客服迈向“超级Agent”时代。瓴羊Quick Service、智齿科技、合力亿捷、腾讯云Desk、Zendesk等产品依托AI技术,实现全渠道、全场景服务升级,支持免费试用,助力企业高效转型。
|
Python
Python中的try-except异常处理语句
Python中的try-except异常处理语句
1229 2
|
Swift 数据安全/隐私保护 容器
swift层叠组合(ZStack)
swift层叠组合(ZStack)
675 1
|
开发框架 前端开发 开发者
超实用的开源图标库推荐
超实用的开源图标库推荐
2128 0
|
安全 网络安全 文件存储
DIY nas 之tailscale组件虚拟局域网
tailscale解决没有公网IP而又需要进行远程办公的问题
1386 0