1. Slider视图的使用非常简单,用户可以在最小值和最大值的范围内,通过拖动滑块进行数值的快速设置,所以常用于音量调整、播放进度和拍照缩放等场合。

  2. 首先添加一个浮点类型的属性,并设置它的初始值为0。该属性拥有@State属性包装器,表示该属性将和滑杆视图进行数据绑定。

  3. 添加一个滑杆视图,并将滑杆视图和temperature属性进行绑定。当用户调整滑杆时,该属性的值也将同步发生变化。

  4. 添加一个文本视图,用来实时显示temperature属性的值。

  5. 设置VStack视图的内边距,使界面元素和屏幕的左右两侧保持一定的距离。接着点击实时预览按钮,进入实时预览模式。

第2章第6节:使用Slider滑杆在指定的范围内选择一个数值 [SwiftUI快速入门到实战]相关推荐

  1. 第2章第22节:如何在SwiftUI中绘制一个圆形 [SwiftUI快速入门到实战]

    在SwiftUI里可以很方便的绘制各种各样的图形,您将在第七章和第八章,绘制各种复杂和漂亮的图形和图表,本节课先演示简单圆形的绘制. 绘制一个圆形,它的填充颜色默认是黑色. 通过调用它的fill方法, ...

  2. 第4章第10节:如何制作一个模拟手机解锁的动画 [SwiftUI快速入门到实战]

    本节课制作一个模拟手机解锁的动画,我们需要一个文本视图,用来执行色彩变换的动画.文本视图的上方是一个长方形,用来执行由左至右缩小的动画. 首先添加一个布尔属性,标识是否进行色彩变换的动画. 添加一个Z ...

  3. 第7章第11节:完成银行卡片视图的创建 [SwiftUI快速入门到实战]

    很多金融产品都需要用户选择和设置自己的银行账号,本节课演示银行卡片的制作和选择,当用户选择某张银行卡片时,以动画的形式显示所选的卡片. 首先我们需要制作一张银行卡片,定义一个遵循View协议的结构体, ...

  4. 第7章第24节:完成漂亮的甜甜圈图表的制作 [SwiftUI快速入门到实战]

    本节课延续上一节课的内容,您将完成漂亮的甜甜圈图表的制作. 由于甜甜圈图表的彩色的圆环和文本视图,都位于同一个区域,所以添加一个ZStack视图,作为子视图的容器. 继续添加一个ZStack视图,作为 ...

  5. 第5章第18节:创建一个简单的Widget小组件 [SwiftUI快速入门到实战]

    Widget是iOS 14的新特性,要创建小组件,需要使用到SwiftUI和WidgetKit.要在项目中创建Widget,首先点击此处的加号图标,添加一个target. 点击右侧的垂直滚动条,查看W ...

  6. 第5章第21节:实现Widget对应的完整应用中的功能 [SwiftUI快速入门到实战]

    本节继续天气小组件的制作,您将实现Widget对应的完整应用中的功能,用户可以在应用中挑选目标城市,再由Widget显示该城市的天气信息. 由于要在应用和Widget之间传递数据,所以需要将应用和Wi ...

  7. 第3章第2节:使用HStack在水平方向排列视图 [SwiftUI快速入门到实战]

    本节课演示HStack布局视图的使用,HStack视图可以使其子视图,在水平方向上进行等距排列.首先按下键盘上的command键. 在按下command键的同时,点击此处的文本视图,打开快捷操作菜单. ...

  8. 第5章第4节:如何给视图添加旋转手势 [SwiftUI快速入门到实战]

    本节课演示旋转手势的使用,旋转手势常用于对图片进行旋转操作,需要同时使用到两个手指.现在开始编写代码,为视图添加一个旋转手势. 首先添加一个属性,表示图像视图进行旋转的角度. 接着初始化一个旋转手势, ...

  9. 第4章第13节:创建漂亮的色轮旋转动画 [SwiftUI快速入门到实战]

    本节课演示如何制作一个彩色的圆环,进而创建漂亮的色轮旋转动画. 首先添加一个布尔类型的属性,标识是否开始播放动画. 添加一个ZStack视图,作为子视图的容器.接着创建一个简单的圆形图形. 给圆形设置 ...

最新文章

  1. python array赋值_从踩坑学Python内部原理(5):执行时机的差异
  2. 学习 Message(3): 响应 WM_LBUTTONDOWN 消息
  3. windows资源管理器已停止工作后,使用命令提示窗口拷贝文件和运行exe程序
  4. 空投坐标怎么看6_嗦粉不咯?桂林米粉店将分三四五星级,你怎么看? 旅行 6 月 4 日热点速递...
  5. Caused by: org.apache.catalina.LifecycleException: A child container failed during start
  6. Python GIL 系列之再谈Python的GIL
  7. 《Pro ASP.NET MVC 3 Framework》学习笔记之一【MVC的历程,优点,HelloWorld】
  8. 网址路由Routing组件如何在mvc中生成网址
  9. 保险公司信息系统审计刍议
  10. 从产品角度谈如何搞定主动用户与被动用户
  11. 百度地图android兼容,支持离线地图 百度地图Android版上线
  12. 期权、期货及其他衍生产品 第一章读书笔记
  13. 10 个免费学习编程的最佳网站
  14. Oracle 10g client(instantclient)环境配置
  15. JavaScript里的 深浅拷贝
  16. 一、windows安装docker
  17. html table快捷键,超级实用且神奇的表格快捷键
  18. pfv和php,【Retina China 2019】工欲善其事必先利其器——影像学在眼底病中的应用与发展...
  19. EMNLP2020 | 近期必读Transformer精选论文
  20. JDBC之MySQL的URL

热门文章

  1. 如何取消坚果云的分享链接
  2. rad xe 5 使用教程_使用Rad轻松实现React在线样式
  3. IDEA 问题记录-2022
  4. dropbox为什么被屏蔽_Python社区和Dropbox为增加多样性而采取的步骤
  5. 拖动条控件 seekbar 设置
  6. window10无法自动修复此计算机,Win10系统自动修复无法修复电脑如何解决
  7. 企业如何管理终端软件安装
  8. android sdk目录缺少uiautomatorviewer,解决Android8.0以上运行不了uiautomatorviewer的办法...
  9. easyPR车牌识别分析与测试结果
  10. 本地连接测试mysql失败,提示 flush hosts;