SwiftUI—用Slider滑杆在指定的范围内选择一个数值

简介: SwiftUI—用Slider滑杆在指定的范围内选择一个数值

Slider相当于UIKit中的UISlider,通过移动滑杆实现指定区域和间隔的数值的选择,常用于音量调整、播放进度和拍照缩放等场景。


示例代码:


struct ContentView : View {
     @State var temperature: Double = 0 //该属性将和滑杆视图进行数据绑定
       var body: some View {
           VStack {
                Slider(value: $temperature) //添加一个滑杆视图,并将滑杆视图和temperature属性进行绑定。当用户调整滑杆时,该属性的值也将同步发生变化
                Slider(value: $temperature, in: -20...40) //添加一个新的滑杆视图,并设置它的最小值为-20,最大值为40。通过该滑杆,可以快速拾取位于-20和40之间的数值
                Slider(value: $temperature, in: -20...40) { (item) in
                    print(item) //添加一个尾随闭包,在闭包语句里打印一条日志信息,用来显示是否开始或停止拖动滑块。
                }
                HStack{
                    Image(systemName: "sun.max")
                    Slider(value: $temperature, in: -20...40, step: 2) { (item) in //滑杆的步进值为2
                        print(item)
                    }.accentColor(.pink).colorInvert() //强调色为粉色的反转色
                   Image(systemName: "sun.max.fill")
                }.padding()
                Text("The temperature is \(Int(temperature)).") //添加一个文本视图,用来实时显示temperature属性的值
           }
       }
}


2466108-1e9c427956d3c510.webp.jpg


目录
相关文章
|
16天前
|
机器学习/深度学习 数据采集 自然语言处理
基于深度学习+NLP豆瓣电影数据爬虫可视化推荐系统
本研究构建基于深度学习与NLP的豆瓣电影数据系统,融合LSTM、BERT与CNN技术,实现高效爬取、情感分析、个性化推荐与动态可视化,提升影视数据分析效率与推荐精准度,推动产业智能化升级。
|
JavaScript 安全 前端开发
【教程】 Vue混淆加密与还原
Vue是一种流行的JavaScript框架,用于构建用户界面。它简单易用且功能强大,备受开发者喜爱。然而,在传输和存储过程中,我们需要保护Vue代码的安全性。混淆是一种有效的保护措施,可以加密和压缩代码,使其难以被理解和修改。本文将介绍Vue混淆的概念以及如何进行还原。
|
4月前
|
存储 Java 物联网
如何快速开发一套智慧校园电子班牌系统?
简介:本文详解如何快速开发智慧校园电子班牌系统,涵盖技术栈选型、模块化开发策略、云端与终端协同方案,并提供源码二开建议,助力两个月内高效交付,适用于多校落地应用。
198 0
|
3月前
|
自然语言处理 IDE 开发工具
Xcode 26 (17A324) 正式版发布 - Apple 平台 IDE
Xcode 26 (17A324) 正式版发布 - Apple 平台 IDE
446 0
|
6月前
|
并行计算 PyTorch 开发工具
基于昇腾适配DeepMind团队发布的蛋白质结构预测模型OpenFold
OpenFold是一种基于深度学习的蛋白质结构预测模型,广泛应用于蛋白质从头预测、功能位点解析、突变效应模拟等领域。该模型的核心目标是通过大规模预训练和多阶段优化,从氨基酸序列中高效、准确地推断蛋白质的三维结构。
基于昇腾适配DeepMind团队发布的蛋白质结构预测模型OpenFold
|
9月前
|
存储 人工智能 算法
通过Milvus内置Sparse-BM25算法进行全文检索并将混合检索应用于RAG系统
阿里云向量检索服务Milvus 2.5版本在全文检索、关键词匹配以及混合检索(Hybrid Search)方面实现了显著的增强,在多模态检索、RAG等多场景中检索结果能够兼顾召回率与精确性。本文将详细介绍如何利用 Milvus 2.5 版本实现这些功能,并阐述其在RAG 应用的 Retrieve 阶段的最佳实践。
1784 1
通过Milvus内置Sparse-BM25算法进行全文检索并将混合检索应用于RAG系统
|
10月前
|
数据挖掘
薪薪优选视频号小店系统开发/千星计划模式
薪薪优选视频号小店系统开发是一个综合性的项目,它结合了短视频平台的流量优势和电商带货功能,旨在通过视频号小店为商家和达人提供一个高效、便捷的销售和带货平台
|
Android开发 iOS开发
ios后台播放声音的三种实现方式
ios后台播放声音的三种实现方式
1751 1