SwiftUI从入门到实战第2章第5节：Segment

前端开发

190

Segment分段控件，类似于UIKit中的UISegmentedControl。分段控件提供一栏选项按钮，一次只能激活其中一个选项按钮。用于实现若干选项的单选。使用分段拾取器，可以在多个视图区域进行快速的跳转。

示例代码：


struct ContentView : View {
    
    //给当前的结构体添加一个数组属性，作为Picker列表的数据源。
    private var animals = ["🐶 Dog", "🐯 Tiger", "🐷 Pig"]
    var colors = [Color.yellow, Color.orange, Color.red, Color.purple]

    //然后添加一个整型属性，作为列表里的处于选择状态的选项的索引值，并给它添加@State绑定包装标记，使该属性和界面中的Picker视图进行数据绑定。
    @State private var selectedAnimal = 0

    var body: some View {
        VStack {
            Picker(selection: $selectedAnimal, label: Text("animals")) {
               ForEach(0 ..< animals.count) {
                Text(self.animals[$0]).tag($0)
               }
            }.pickerStyle(SegmentedPickerStyle())//设置拾取器的样式为分段拾取器样式。

            //添加一个文本视图，显示用户所选的内容。
            Text("Your choice: \(animals[selectedAnimal])")
        }
    }
}

查看运行结果：

SwiftUI从入门到实战第2章第5节：Segment

富

富坚家的小贼

劝君莫惜金缕衣，劝君惜取少年时。

发布数

关注者

6637

累计阅读

SwiftUI从入门到实战第2章第5节：Segment 4年前

热门教程文档