1. 本节课延续上一节课的内容,您将完成漂亮的甜甜圈图表的制作。

  2. 由于甜甜圈图表的彩色的圆环和文本视图,都位于同一个区域,所以添加一个ZStack视图,作为子视图的容器。

  3. 继续添加一个ZStack视图,作为彩色圆环的容器。

  4. 依次添加两个圆形,作为位于下方的灰色圆环,和位于上方的彩色圆环。接着按下键盘上的command键。

  5. 在按下command键的同时,点击此处的视图,打开快捷操作菜单。

  6. 选择此处的提取子视图命令,将ZStack视图提取为一个自定义视图。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  9. 第4章第15节:如何利用裁剪图形制作探照灯滚动扫描效果 [SwiftUI快速入门到实战]

    本节课将继续使用裁剪图形,制作探照灯滚动扫描的艺术效果. 首先添加一个布尔类型的属性,标识是否开始播放动画. 添加一个ZStack视图,作为子视图的容器.并通过图像视图,读取项目里的指定名称的图片. ...

最新文章

  1. tfjob的一篇文章,跟公司内使用方式类似
  2. ML之分类预测:机器学习中多分类预测数据集可视化(不同类别赋予不同颜色)设计思路及代码实现
  3. html5 文字转换烟花,HTML5交互式烟花(点击并保持)
  4. 秒杀多线程第七篇 经典线程同步 互斥量Mutex
  5. MFC 类库结构 总结
  6. 前端学习(1390):多人管理项目10服务器认证
  7. vue-router详尽:编程式导航、路由重定向、动态路由匹配、路由别名、嵌套路由、命名视图
  8. python递归求5!_Python | 递归
  9. 如何制作一个简单的游戏 Cocos2d x 2 0 4
  10. (转)淘淘商城系列——中文分析器IK-Analyzer的使用
  11. 天池学习赛:工业蒸汽量预测4——模型验证
  12. 怎么用debug看jdbc查询的resultset中查出的数据_用了这个 ORM 工具,我只用一天就把项目数据库给换了
  13. 每个Java开发者应该知道(并爱上)的8个工具
  14. C++11多线程中的detach()、join()、joinable()
  15. 中国象棋计算机比赛,2019年象棋软件大赛:四核弱机(56核)vs天命智棋(48核)...
  16. latex 分布符号_latex符号大全
  17. 伪原创内容来源的八个渠道
  18. toDesk 远程连接软件 连接远程电脑后黑屏
  19. MyEclipse 2016 的破解激活
  20. Vision Transformer综述翻译

热门文章

  1. Halcon 模板匹配专栏
  2. Flink电商实时数仓项目03-DWM层
  3. 微信小程序自动化打包(taro+oss+ci+Jenkins+node+钉钉)
  4. Win7英文版安装中文软件乱码的问题
  5. android spen加背景网页,SPen功能一:界面尽在笔控_三星 GALAXY Note I9220_手机Android频道-中关村在线...
  6. 时速4000km的“高速飞行列车”,从北京到武汉只要半小时
  7. 如何使用机器学习对CFD模拟结果进行预测
  8. 数据挖掘之航空公司客户价值分析——K-Means
  9. 鸿蒙系统下载地址_华为鸿蒙2.0系统下载-鸿蒙系统(HarmonyOS)下载 github源码版-当快软件园...
  10. 使用RTW代码生成工具是将MATLAB用于C开发流程的最好的方法(转自恒润科技)