第2章第6节:使用Slider滑杆在指定的范围内选择一个数值 [SwiftUI快速入门到实战]
Slider视图的使用非常简单,用户可以在最小值和最大值的范围内,通过拖动滑块进行数值的快速设置,所以常用于音量调整、播放进度和拍照缩放等场合。
首先添加一个浮点类型的属性,并设置它的初始值为0。该属性拥有@State属性包装器,表示该属性将和滑杆视图进行数据绑定。
添加一个滑杆视图,并将滑杆视图和temperature属性进行绑定。当用户调整滑杆时,该属性的值也将同步发生变化。
添加一个文本视图,用来实时显示temperature属性的值。
设置VStack视图的内边距,使界面元素和屏幕的左右两侧保持一定的距离。接着点击实时预览按钮,进入实时预览模式。
第2章第6节:使用Slider滑杆在指定的范围内选择一个数值 [SwiftUI快速入门到实战]相关推荐
- 第2章第22节:如何在SwiftUI中绘制一个圆形 [SwiftUI快速入门到实战]
在SwiftUI里可以很方便的绘制各种各样的图形,您将在第七章和第八章,绘制各种复杂和漂亮的图形和图表,本节课先演示简单圆形的绘制. 绘制一个圆形,它的填充颜色默认是黑色. 通过调用它的fill方法, ...
- 第4章第10节:如何制作一个模拟手机解锁的动画 [SwiftUI快速入门到实战]
本节课制作一个模拟手机解锁的动画,我们需要一个文本视图,用来执行色彩变换的动画.文本视图的上方是一个长方形,用来执行由左至右缩小的动画. 首先添加一个布尔属性,标识是否进行色彩变换的动画. 添加一个Z ...
- 第7章第11节:完成银行卡片视图的创建 [SwiftUI快速入门到实战]
很多金融产品都需要用户选择和设置自己的银行账号,本节课演示银行卡片的制作和选择,当用户选择某张银行卡片时,以动画的形式显示所选的卡片. 首先我们需要制作一张银行卡片,定义一个遵循View协议的结构体, ...
- 第7章第24节:完成漂亮的甜甜圈图表的制作 [SwiftUI快速入门到实战]
本节课延续上一节课的内容,您将完成漂亮的甜甜圈图表的制作. 由于甜甜圈图表的彩色的圆环和文本视图,都位于同一个区域,所以添加一个ZStack视图,作为子视图的容器. 继续添加一个ZStack视图,作为 ...
- 第5章第18节:创建一个简单的Widget小组件 [SwiftUI快速入门到实战]
Widget是iOS 14的新特性,要创建小组件,需要使用到SwiftUI和WidgetKit.要在项目中创建Widget,首先点击此处的加号图标,添加一个target. 点击右侧的垂直滚动条,查看W ...
- 第5章第21节:实现Widget对应的完整应用中的功能 [SwiftUI快速入门到实战]
本节继续天气小组件的制作,您将实现Widget对应的完整应用中的功能,用户可以在应用中挑选目标城市,再由Widget显示该城市的天气信息. 由于要在应用和Widget之间传递数据,所以需要将应用和Wi ...
- 第3章第2节:使用HStack在水平方向排列视图 [SwiftUI快速入门到实战]
本节课演示HStack布局视图的使用,HStack视图可以使其子视图,在水平方向上进行等距排列.首先按下键盘上的command键. 在按下command键的同时,点击此处的文本视图,打开快捷操作菜单. ...
- 第5章第4节:如何给视图添加旋转手势 [SwiftUI快速入门到实战]
本节课演示旋转手势的使用,旋转手势常用于对图片进行旋转操作,需要同时使用到两个手指.现在开始编写代码,为视图添加一个旋转手势. 首先添加一个属性,表示图像视图进行旋转的角度. 接着初始化一个旋转手势, ...
- 第4章第13节:创建漂亮的色轮旋转动画 [SwiftUI快速入门到实战]
本节课演示如何制作一个彩色的圆环,进而创建漂亮的色轮旋转动画. 首先添加一个布尔类型的属性,标识是否开始播放动画. 添加一个ZStack视图,作为子视图的容器.接着创建一个简单的圆形图形. 给圆形设置 ...
最新文章
- python array赋值_从踩坑学Python内部原理(5):执行时机的差异
- 学习 Message(3): 响应 WM_LBUTTONDOWN 消息
- windows资源管理器已停止工作后,使用命令提示窗口拷贝文件和运行exe程序
- 空投坐标怎么看6_嗦粉不咯?桂林米粉店将分三四五星级,你怎么看? 旅行 6 月 4 日热点速递...
- Caused by: org.apache.catalina.LifecycleException: A child container failed during start
- Python GIL 系列之再谈Python的GIL
- 《Pro ASP.NET MVC 3 Framework》学习笔记之一【MVC的历程,优点,HelloWorld】
- 网址路由Routing组件如何在mvc中生成网址
- 保险公司信息系统审计刍议
- 从产品角度谈如何搞定主动用户与被动用户
- 百度地图android兼容,支持离线地图 百度地图Android版上线
- 期权、期货及其他衍生产品 第一章读书笔记
- 10 个免费学习编程的最佳网站
- Oracle 10g client(instantclient)环境配置
- JavaScript里的 深浅拷贝
- 一、windows安装docker
- html table快捷键,超级实用且神奇的表格快捷键
- pfv和php,【Retina China 2019】工欲善其事必先利其器——影像学在眼底病中的应用与发展...
- EMNLP2020 | 近期必读Transformer精选论文
- JDBC之MySQL的URL
热门文章
- 如何取消坚果云的分享链接
- rad xe 5 使用教程_使用Rad轻松实现React在线样式
- IDEA 问题记录-2022
- dropbox为什么被屏蔽_Python社区和Dropbox为增加多样性而采取的步骤
- 拖动条控件 seekbar 设置
- window10无法自动修复此计算机,Win10系统自动修复无法修复电脑如何解决
- 企业如何管理终端软件安装
- android sdk目录缺少uiautomatorviewer,解决Android8.0以上运行不了uiautomatorviewer的办法...
- easyPR车牌识别分析与测试结果
- 本地连接测试mysql失败,提示 flush hosts;