文字渐变效果:图层中的mask属性
2016-02-25 06:48
232 查看
本次文章,主要讲述的是图层中的mask属性,利用它,可以做出文字渐变效果!
如果喜欢我的文章,可以关注我,陆续还会有更新ing....
一、文字渐变效果:
二、文字渐变实现思路:
1.创建一个颜色渐变层,渐变图层跟文字控件一样大。
2.用文字图层裁剪渐变层,只保留文字部分,就会让渐变层只保留有文字的部分,相当于间接让渐变层显示文字,我们看到的其实是被裁剪过后,渐变层的部分内容。
注意:如果用文字图层裁剪渐变层,文字图层就不在拥有显示功能,这个图层就被弄来裁剪了,不会显示,在下面代码中也会有说明。
2.1 创建一个带有文字的label,label能显示文字。
2.2 设置渐变图层的mask为label图层,就能用文字裁剪渐变图层了。
3.mask图层工作原理:
1.根据透明度进行裁剪,只保留非透明部分,显示底部内容。
4.详细代码+解释
http://www.cocoachina.com/ios/20150714/12571.html
如果喜欢我的文章,可以关注我,陆续还会有更新ing....
一、文字渐变效果:
二、文字渐变实现思路:
1.创建一个颜色渐变层,渐变图层跟文字控件一样大。
2.用文字图层裁剪渐变层,只保留文字部分,就会让渐变层只保留有文字的部分,相当于间接让渐变层显示文字,我们看到的其实是被裁剪过后,渐变层的部分内容。
注意:如果用文字图层裁剪渐变层,文字图层就不在拥有显示功能,这个图层就被弄来裁剪了,不会显示,在下面代码中也会有说明。
2.1 创建一个带有文字的label,label能显示文字。
2.2 设置渐变图层的mask为label图层,就能用文字裁剪渐变图层了。
3.mask图层工作原理:
1.根据透明度进行裁剪,只保留非透明部分,显示底部内容。
4.详细代码+解释
相关文章推荐
- 利用layer的mask属性实现逐渐揭示的动画效果,layermask
- CALayer2-创建新的层
- 文字与图片渐变效果(图层CALayer与属性蒙版mask )
- 单点登录cas常见问题(十一) - 怎么搭建oauth服务器?
- setContentView R can not be resovled
- leetcode@ [30/76] Substring with Concatenation of All Words & Minimum Window Substring (Hashtable, Two Pointers)
- 处理解决方案中网站名称为副本名称的方法
- Hbase 基本操作
- Android 文件的读写(内置存储卡)
- Connection refused Will not attempt to authenticate using SASL
- table column sum
- DE24 Introduction to First-order Systems of ODEs
- DE23 Use with Impulse Inputs
- DE22 Using Laplace Transform to Solve ODEs with Discontinuous Inputs
- DE21 Convolution Formula
- 搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo
- 【CSS3】伸缩布局
- foreach 是传入参数是 Set<Long[]>时,数据循环都是同样数据的问题
- eclipse 连接 habse 问题汇总
- [leetcode] 273. Integer to English Words 解题报告