登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

CATextLayerTest

[复制链接]
来自: littleRed 分类: iOS精品源码 上传时间: 2016-11-25 11:36:49
Tag:CATextLayer 动画 视图效果 文本 CALayer

项目介绍:

CATextLayerTest

https://github.com/joeshang/CATextLayerTest

最近对网易新闻首页顶部标题栏与 UC 浏览器阅读器顶部标题栏的实现效果很好奇,于是尝试实现。字体变色比较好做,CATextLayer 本身就包含了 animated 的 fontColor,区域变色就有些麻烦。以前读过王轲的《基于Core Animation的KTV歌词视图的平滑实现》,提供一种使用 mask 实现区域变色的思路,很棒,自己按着这个思路尝试使用的时候,发现两个 Label 的字体不能完全重合,总有毛边,一直找不到原因。后来自己想到的一个新的思路,不使用两个 Label,而是将文字作为 mask:先创建一个 CALayer 类型的 baseLayer,背景颜色为白色,再创建一个 CALayer 类型的 subLayer,背景颜色为绿色,subLayer 作为 baseLayer 的子 layer。然后创建 CATextLayer,写上字,将这个 textLayer 作为 baseLayer 的 mask,变化过程中改变 subLayer 的 frame 就可以了。

效果如下:

code4app

相关源码推荐:

我来说两句
*滑动验证:
所有评论(5)
hellokenken 2016-11-28 09:47:44
膜拜大神~
回复
liujinfeng 2016-11-28 11:57:27
很给力,Code4App有你更精彩!
回复
code4app热心网友 2016-11-29 11:27:01
虽不明,但觉厉!
回复
code4app热心网友 2016-11-29 15:12:31
虽不明,但觉厉!
回复
0123456789ooooo 2016-11-30 09:50:53
正需要啊,感谢楼主无私分享!
回复
lby012345 2016-11-30 11:31:47
精华内容,楼主V5!
回复
ios师 2016-12-1 14:09:14
淡定,淡定,淡定……
回复
凤凰003 2016-12-1 21:32:31
淡定,淡定,淡定……
回复
code4app热心网友 2016-12-6 17:15:27
虽不明,但觉厉!
回复
提取码:  下载次数:17 状态:已购或VIP 售价:0(原价:10)金钱 下载权限:初级码农 
290 0 17
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,742864542

如何获得代码达人称号?

代码贡献英雄榜
用户名 下载数
通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表