SwiftUI初级课程（九）Slider、Stepper、Toggle控件

最新推荐文章于 2024-09-18 17:57:05 发布

薄衫岁月长

最新推荐文章于 2024-09-18 17:57:05 发布

阅读量418

点赞数

分类专栏： SwiftUI初级教程文章标签： swiftui ios swift

本文链接：https://blog.csdn.net/qyw2013/article/details/128490858

版权

本文是SwiftUI初级课程的第九讲，详细介绍了如何在iOS应用中使用Slider进行数值滑动选择，通过Stepper实现数值增减，以及Toggle控件的开关状态切换。通过实例，学习者将掌握这些基本控件的集成和交互设计。

摘要由CSDN通过智能技术生成

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))