第4章第10节:如何制作一个模拟手机解锁的动画 [SwiftUI快速入门到实战]
本节课制作一个模拟手机解锁的动画,我们需要一个文本视图,用来执行色彩变换的动画。文本视图的上方是一个长方形,用来执行由左至右缩小的动画。
首先添加一个布尔属性,标识是否进行色彩变换的动画。
添加一个ZStack视图,作为子视图的容器。
继续添加一个文本视图,作为色彩变换动画的载体。同时增加文字的尺寸,并设置文字的颜色为紫色。
为了使色彩变换的动画更明显,这里降低文本视图的亮度。
对文本视图进行色彩的旋转,并根据布尔属性的值,设置不同的旋转角度,从而形成色彩变换的动画。
第4章第10节:如何制作一个模拟手机解锁的动画 [SwiftUI快速入门到实战]相关推荐
- 第4章第13节:创建漂亮的色轮旋转动画 [SwiftUI快速入门到实战]
本节课演示如何制作一个彩色的圆环,进而创建漂亮的色轮旋转动画. 首先添加一个布尔类型的属性,标识是否开始播放动画. 添加一个ZStack视图,作为子视图的容器.接着创建一个简单的圆形图形. 给圆形设置 ...
- 第5章第18节:创建一个简单的Widget小组件 [SwiftUI快速入门到实战]
Widget是iOS 14的新特性,要创建小组件,需要使用到SwiftUI和WidgetKit.要在项目中创建Widget,首先点击此处的加号图标,添加一个target. 点击右侧的垂直滚动条,查看W ...
- 第3章第2节:使用HStack在水平方向排列视图 [SwiftUI快速入门到实战]
本节课演示HStack布局视图的使用,HStack视图可以使其子视图,在水平方向上进行等距排列.首先按下键盘上的command键. 在按下command键的同时,点击此处的文本视图,打开快捷操作菜单. ...
- 第8章第18节:制作企业宣传册的公司团队第五页面 [PowerPoint精美幻灯片实战教程]
您将在本节完成最后一个团队介绍幻灯片.首先复制第10张幻灯片. 在此处按下并向下方拖动,将幻灯片移到最下方. 这样当分别介绍每位团队成员之后,再次显示所有成员的合照. 打开第一张关于团队介绍的幻灯片, ...
- 第8章第16节:制作企业宣传册的公司团队第三页面 [PowerPoint精美幻灯片实战教程]
您将在本节继续团队介绍页面的制作,为另一个团队成员制作动画展示效果.首先使用键盘上的快捷键,复制当前幻灯片. 选择此处的椭圆图片. 在视图比例滑杆上点击,缩小幻灯片的显示比例. 按下键盘上的shift ...
- 第8章第17节:制作企业宣传册的公司团队第四页面 [PowerPoint精美幻灯片实战教程]
您将在本节继续团队介绍页面的制作,为另一个团队成员制作动画展示效果.首先使用键盘上的快捷键,复制当前幻灯片. 在视图比例滑杆上点击,缩小幻灯片的显示比例. 使用键盘上的快捷键,全选所有的对象. 按下键 ...
- 第7章第24节:完成漂亮的甜甜圈图表的制作 [SwiftUI快速入门到实战]
本节课延续上一节课的内容,您将完成漂亮的甜甜圈图表的制作. 由于甜甜圈图表的彩色的圆环和文本视图,都位于同一个区域,所以添加一个ZStack视图,作为子视图的容器. 继续添加一个ZStack视图,作为 ...
- 第4章第15节:如何利用裁剪图形制作探照灯滚动扫描效果 [SwiftUI快速入门到实战]
本节课将继续使用裁剪图形,制作探照灯滚动扫描的艺术效果. 首先添加一个布尔类型的属性,标识是否开始播放动画. 添加一个ZStack视图,作为子视图的容器.并通过图像视图,读取项目里的指定名称的图片. ...
- 第7章第10节:分割式布局:纵向居中分割版面 [PowerPoint精美幻灯片实战教程]
本节演示如何通过纵向居中的方式,来切分整个版面.对于当前的幻灯片来说,您需要采用左文右图的方式,将它划分为左右两个版面. 在此处按下并向左下方拖动,以放大整张图片. 接着在图片的左侧绘制一个矩形,作为 ...
最新文章
- 浅谈WeakHashMap
- java/javaee基础面试问题
- 虚拟机中的solaris无法通过putty连接(网络模式为桥接模式)
- cobertura 使用_使用Cobertura,JUnit,HSQLDB,JPA涵盖您的测试
- CreateProcess的使用方法
- Exchange2010应用地址列表
- Java知识点汇总1
- Servlet是否单例?
- 决策树算法原理(下)
- $.prop()和$.attr() 区别用法
- 3.13、@InitBinder 和 WebDataBinder
- 处理tiff格式dem数据的方法——输出xyz坐标
- Winamp v5.62
- 图像处理——Haar特征
- linux下思维导图软件,Linux思维导图软件
- java数据结构和算法——前缀表达式(即波兰表达式)、中缀表达式及后缀表达式(即逆波兰表达式)介绍
- 如何设计网页排版和样式 - 前端页面设计
- 实验七 Matlab GUI设计
- 时间序列分析之误差修正模型(ECM)
- 笔记本html外接显示器,笔记本怎么外接显示器 笔记本用外接显示器设置教程
热门文章
- 10.Unity2D 横版 简单AI 之 敌人随机移动+自动巡逻+障碍物跳跃+悬崖处转身+射线检测
- 采用ImageJ+插件批量转换透射电镜ser图像
- spoon无法初始化至少一个步骤_通俗易懂:8大步骤图解注意力机制
- eaxsinbx_用“三行列表法”计算两次分部积分题
- boss直聘python_爬Boss直聘,分析2019下半年Python工作现状
- STAR建索引内存不够
- 北航计算机学院本科优秀毕业论文,我校荣获32项北京市普通高等学校优秀本科生毕业设计(论文)...
- IDEA下,如何在java项目中新增jsp模板文件
- html+css+js好看的梅花
- Office VBA开发经典-基础入门卷 配套资源下载