第4章第15节：如何利用裁剪图形制作探照灯滚动扫描效果 [SwiftUI快速入门到实战]
本节课将继续使用裁剪图形，制作探照灯滚动扫描的艺术效果。
首先添加一个布尔类型的属性，标识是否开始播放动画。
添加一个ZStack视图，作为子视图的容器。并通过图像视图，读取项目里的指定名称的图片。
给图像视图应用模糊效果，模糊半径为6，同时提高图像视图的亮度。
接着在图像视图的上方，再添加一个相同的图像视图。
然后对第二个图像视图应用指定裁剪图形的遮罩效果，这里使用矩形作为裁剪图形。
第4章第15节：如何利用裁剪图形制作探照灯滚动扫描效果 [SwiftUI快速入门到实战]相关推荐
- 第4章第10节：使用表格工具制作漂亮的考试成绩图表 [PowerPoint精美幻灯片实战教程]
表格的功能非常强大,您将在本节使用表格工具,制作一张漂亮的考试成绩单图表. 首先通过插入表格命令,创建一个11行20列的表格. 在此处按下并向上方拖动,适当缩小表格的高度.
- 第3章第4节：利用PowerPoint提供的颜色工具调整图片色彩 [PowerPoint精美幻灯片实战教程]
当插入的图片的色彩和幻灯片中的其它对象不协调时,我们还可以利用PowerPoint提供的颜色工具,调整图片的色彩. 首先往幻灯片中插入一张人物肖像照片. 接着将人物图片和幻灯片的右侧边界保持对齐. 点 ...
- 第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键的同时,点击此处的文本视图,打开快捷操作菜单. ...
最新文章
- WPF快速指导1：资源
- MySQL 8.0新特性之原子DDL
- Spring AOP 实现原理与 CGLIB 应用
- 使用Google Weather API查询天气预报
- Adobe 修复Commerce 和 Magento 平台中的又一个严重RCE
- python为什么叫爬虫-Python为什么叫爬虫
- springboot 使用i18n进行国际化发生乱码问题
- codevs2822 爱在心中(tarjan求缩点的度）
- 东南亚外卖平台分析报告
- 由于找不到MSVCR110.dll,无法继续执行代码........启动的解决方法
- 南京师范大学计算机学院师资,南京师范大学计算机与电子信息学院导师教师师资介绍简介-陈燚...
- 2021年3月12日 星期五 植树节 霾
- sublime之解决显示中文乱码
- 计算机毕业设计JavaVue框架电商后台管理系统(源码+系统+mysql数据库+lw文档）
- 支付宝公布2019集五福攻略，准备好薅羊毛的正确姿势
- 相机ISP图像处理流程
- PTV Vissim学习
- python系列——多线程之Semaphore信号量及
- Vue2 组件之间传值
- PostGIS开发实例之农村土地确权数据库实例