SwiftUI初级课程(九)Slider、Stepper、Toggle控件

struct ContentView: View {
    // Slider控件 通过拖动滑块进行数值快速设置,音量调整,拖放进度,拍照缩放
    @State var temperature: Double = 0
    // Stepper步进器 在小范围内进行数值的精确调整
    @State var stepperValue: Double = 0
    // toggle开关控件 是否选择 或者是否激活
    @State var showNotification = true // 布尔类型

    var body: some View {
        VStack {
            Slider(value: $temperature)

            Slider(value: $temperature, in: -20 ... 40) // 设置取值范围
                { item in
                    print(item)
                } // 通过尾随闭包 显示是否开始或停止拖动滑块

            HStack // 添加两端图像
                {
                    Image(systemName: "sun.max")
                    Slider(value: $temperature, in: -20 ... 40, step: 2) // 步进值为2
                        .accentColor(.pink).colorInvert() // 设置滑竿颜色,并反转颜色
                    Image(systemName: "sun.max.fill")
                }

            Text("设置温度:\(Double(temperature))
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

薄衫岁月长

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值