html gif 蒙层,使用蒙层实现启动图动画效果

一个朋友的产品经理提出了一个新的需求：给启动图添加一个动画效果，要求上面的 “城市客厅” 图片由中心点开始，以一个圆形扩大展示出来。我觉得挺有意思的，然后就根据自己的思路写了一个小小的demo。运行效果图如下。

效果图

实现思路：

启动部分：使用LaunchImage作为启动图的图片来源，制造一个假象控制器，使控制器的背景图和启动图的图片保持一致，设置该控制器为rootViewController。等“启动页”动画结束之后，再更换rootViewController。

动画部分：使用CALayer的mask(蒙层)实现。

简单的介绍一下mask：/* A layer whose alpha channel is used as a mask to select between the

* layer's background and the result of compositing the layer's

* contents with its filtered background. Defaults to nil. When used as

* a mask the layer's `compositingFilter' and `backgroundFilters'

* properties are ignored. When setting the mask to a new layer, the

* new layer must have a nil superlayer, otherwise the

html gif 蒙层,使用蒙层实现启动图动画效果相关推荐

android 遮罩使底层无法点击,小程序防止点击遮罩层后遮罩层下面也反应（有点击事件）...
小程序防止点击遮罩层后遮罩层下面也反应(有点击事件) 发布时间:2018-08-11 00:02, 浏览次数:1008 最近在做自定义弹窗,不免会使用到遮罩层或者说蒙层. 但是关键是,有遮罩层后,再点 ...
php点击弹遮罩层,小程序：防止点击遮罩层后遮罩层下面也反应的解决方法
本篇文章给大家带来的内容是关于小程序:防止点击遮罩层后遮罩层下面也反应的解决方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 最近在做自定义弹窗,不免会使用到遮罩层或者说蒙层. 但 ...
面试官问我为啥B+树一般都不超过3层？3层B+树能存多少数据？redo log与binlog的两阶段提交？
我今天逛了一下CSDN,又发现了一条显眼的数据,大概是说3层B+树足以容纳2000w条数据.我当时就蒙了,3层对2000w,心想这B+树也太厉害了吧,由此勾起了我求知的欲望,我一定要搞明白他这2000 ...
java action dao_java中Action层、Service层和Dao层的功能区分
一.Action/Service/DAO简介: Action是管理业务(Service)调度和管理跳转的. Service是管理具体的功能的. Action只负责管理,而Service负责实施. DA ...
机器学习入门（15）— 全连接层与卷积层的区别、卷积神经网络结构、卷积运算、填充、卷积步幅、三维数据卷积、多维卷积核运算以及批处理
卷积神经网络(Convolutional Neural Network,CNN)CNN 被用于图像识别.语音识别等各种场合,在图像识别的比赛中,基于深度学习的方法几乎都以 CNN 为基础. 1. 全连 ...
[转]JAVA中Action层, Service层，modle层和 Dao层的功能区分
首先这是现在最基本的分层方式,结合了SSH架构.modle层就是对应的数据库表的实体类.Dao层是使用了Hibernate连接数据库.操作数据库(增删改查).Service层:引用对应的Dao数据库操 ...
4层板到12层板叠层经典设计方案
目录 1.4层板优选叠层方案 2.6层板优选叠层方案 3.8层板优选叠层方案 4.10层板优选叠层方案 5.12层板优选叠层方案 6.总结电路板的叠层设计是对PCB的整个系统设计的基础,叠层设计若有 ...
oracle数据库有哪些文件构成,Oracle数据库架构中包括几层？每层都有什么元素？...
Oracle数据库架构中包括几层?每层都有什么元素? 1 PL/SQL代表 A PROCEDURAL LANGUAGE/SQL B PROGRAM LANGUAGE SQL C POWER LANG ...
osi七层网络层_OSI层速成课程
osi七层网络层介绍 (Introduction) Have you ever wondered how data is sent through the network from one mach ...

html gif 蒙层,使用蒙层实现启动图动画效果

html gif 蒙层,使用蒙层实现启动图动画效果相关推荐

最新文章

热门文章