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

Easter79
• 阅读 608

相关课程:http://hdjc8.com/hdjc/swiftUI/

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

点赞
收藏
评论区
推荐文章
待兔 待兔
5个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Easter79 Easter79
3年前
SwiftUI从入门到实战第2章第7节:TabView
相关课程:http://hdjc8.com/hdjc/swiftUI/(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fhdjc8.com%2Fhdjc%2FswiftUI%2F)TabView相当于UIKit中的UITabBarController,用于实现标签视图集。标签视图位
Easter79 Easter79
3年前
SwiftUI从入门到实战第2章第3节:Slider的使用
相关课程:http://hdjc8.com/hdjc/swiftUI/(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fhdjc8.com%2Fhdjc%2FswiftUI%2F)Slider相当于UIKit中的UISlider,通过移动滑杆实现指定区域和间隔的数值的选择。Slid
Stella981 Stella981
3年前
Spring Security开发安全的REST服务
第1章课程导学项目介绍Java实战:SpringSecurity开发安全的REST服务,来自慕客网的视频(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fcoding.imooc.com%2Fclass%2F134.html),主要讲认证和授权。
Easter79 Easter79
3年前
SwiftUI从入门到实战第2章第9节:MapView
SwiftUI并没有包含MapView,这里通过遵循UIViewRepresentable协议,在SwiftUI中集成UIKit中的WKMapView。示例代码:importSwiftUIimportMapKit//首先导入需要使用到的MapKit框架。//使当前的结构体遵循UIViewReprese
Wesley13 Wesley13
3年前
P2P技术揭秘.P2P网络技术原理与典型系统开发
Modular.Java(2009.06)\.Craig.Walls.文字版.pdf:http://www.t00y.com/file/59501950(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fwww.t00y.com%2Ffile%2F59501950)\More.E
Easter79 Easter79
3年前
SwiftUI从入门到实战第2章第1节:PickerDate
相关课程:http://hdjc8.com/hdjc/swiftUI/(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fhdjc8.com%2Fhdjc%2FswiftUI%2F)本节演示DatePicker视图的使用,DatePicker和UIKit中的UIDatePicker类似,
Stella981 Stella981
3年前
React前端开发入门与实战
阿里云大学:React前端开发入门与实战(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fclick.aliyun.com%2Fm%2F1000010022%2F)本课程主要讲解React的基础使用技巧及实战案例。React是一个用于构建用户界面的JavaScript
Easter79 Easter79
3年前
SwiftUI从入门到实战第2章第14节:AngularGradient
相关课程:http://hdjc8.com/hdjc/swiftUI/(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fhdjc8.com%2Fhdjc%2FswiftUI%2F)使用AngularGradient绘制角度颜色渐变的背景。本节课演示角度渐变的使用。角度渐变是指从起点到终
Stella981 Stella981
3年前
FFMpeg无损合并视频的多种方法
转自:https://www.jianshu.com/p/a9bccc12229b众所周知,从某些视频网站下载的视频是分段的。比如新浪视频每隔6分钟分段,俗称“6分钟诅咒(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Flink.jianshu.com%3Ft%3Dhttp%253A
Easter79
Easter79
Lv1
今生可爱与温柔,每一样都不能少。
文章
2.8k
粉丝
5
获赞
1.2k