iOS 屏幕解锁文字动画效果
2016-09-20 11:48
1546 查看
CAGradientLayer相信大家都比较熟悉,关于其如何使用,我就不在这里废话了,网上有很多介绍,想详细了解的话,可以去看看。我只简单说下如何利用CAGradientLayer制作屏幕解锁文字动画效果。
1、创建一个CAGradientLayer对象gradLayer,设置它的frame和label.bounds一样(这里要注意一下是Label的bounds不是frame);
2、这里我给gradLayer.colors一共设置了三个颜色值,首尾颜色透明度设置成0.3,中间的颜色值透明度保持默认1.0,再将其作为label的遮罩,这样看起来的效果是:首尾颜色偏暗,中间颜色偏亮;
3、CAGradientLayer有个属性locations可以设置颜色的渐变点(范围为0.0~1.0),第二个颜色值的渐变点初始值设为0.0, 通过动画将其设置成1.0,便会达到预期效果。
demo地址:https://github.com/Tbwas/UnlockAnimation
文/心董儿(简书作者)
原文链接:http://www.jianshu.com/p/0984d67c632e
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
以上就是 iOS 屏幕解锁文字动画效果的实现,有需要的小伙伴可以参考下,谢谢大家对本站的支持!
您可能感兴趣的文章:
相关文章推荐
- iOS之iPhone解锁界面的"滑动来解锁"闪烁动画效果,好奇的赶紧进来取走,别看了,说的就是你0.0
- CAGradientLayer(颜色渐变) -- 实现iphone手机屏幕“滑动来解锁”动画效果
- iOS解锁界面的"滑动来解锁"闪烁动画效果
- iOS实现知乎和途家导航栏渐变的文字动画效果
- Android 仿IOS解锁锁屏文字抖动效果
- iOS开发 飘雪动画、波纹动画、 仿iPhone解锁文字,渐变的文字动画
- iOS 仿知乎/途家导航栏渐变文字动画效果
- Android利用ViewFlipper实现屏幕切换动画效果
- ios 视图切换动画效果
- 使用jQuery来实现菜单文字和图标动画效果
- ios view与view间切换的动画效果
- ios view与view间切换的动画效果
- Android利用ViewFlipper实现屏幕切换动画效果
- ios 视图切换动画效果
- ios学习--详解IPhone动画效果类型及实现方法
- ios各种动画效果
- gif的动画图片,可否实现文字水印和图片水印的效果呢?
- wpf 文字动态动画效果
- ios 视图切换动画效果
- Android利用ViewFlipper实现屏幕切换动画效果