服务器之家

服务器之家 > 正文

iOS 屏幕解锁文字动画效果

时间:2021-01-28 16:52     来源/作者:心董儿

   cagradientlayer相信大家都比较熟悉,关于其如何使用,我就不在这里废话了,网上有很多介绍,想详细了解的话,可以去看看。我只简单说下如何利用cagradientlayer制作屏幕解锁文字动画效果。

iOS 屏幕解锁文字动画效果

1、创建一个cagradientlayer对象gradlayer,设置它的frame和label.bounds一样(这里要注意一下是label的bounds不是frame);

2、这里我给gradlayer.colors一共设置了三个颜色值,首尾颜色透明度设置成0.3,中间的颜色值透明度保持默认1.0,再将其作为label的遮罩,这样看起来的效果是:首尾颜色偏暗,中间颜色偏亮;

iOS 屏幕解锁文字动画效果

3、cagradientlayer有个属性locations可以设置颜色的渐变点(范围为0.0~1.0),第二个颜色值的渐变点初始值设为0.0, 通过动画将其设置成1.0,便会达到预期效果。

iOS 屏幕解锁文字动画效果

demo地址:https://github.com/tbwas/unlockanimation

文/心董儿(简书作者)
原文链接:http://www.jianshu.com/p/0984d67c632e
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

以上就是 ios 屏幕解锁文字动画效果的实现,有需要的小伙伴可以参考下,谢谢大家对本站的支持!

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享 2020-04-07
返回顶部