//文字渐变的效果 &
效果如下图所示：
& & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & &
#import &ViewController.h&
@interface
ViewController ()
@property (nonatomic,
strong) CAGradientLayer *gradientL
@implementation ViewController
- (void)viewDidLoad {
& & [super
viewDidLoad];
& & // Do any additional setup after loading the view, typically from a nib.
创建UILabel
& & UILabel *label = [[UILabel
alloc] init];
& & label.text =
@&九月九的酒,哦&;
& & [label sizeToFit];
& & label.center =
CGPointMake(200,
疑问：label只是用来做文字裁剪，能否不添加到view上。
必须要把Label添加到view上，如果不添加到view上，label的图层就不会调用drawRect方法绘制文字，也就没有文字裁剪了。
如何验证，自定义Label,重写drawRect方法，看是否调用,发现不添加上去，就不会调用
& & [self.view
addSubview:label];
创建渐变层
& & _gradientLayer = [CAGradientLayer
& & _gradientLayer.frame = label.frame;
设置渐变层的颜色，随机颜色渐变
& & _gradientLayer.colors =
@[(id)[self
randomColor].CGColor, (id)[self
randomColor].CGColor,(id)[self
randomColor].CGColor];
疑问:渐变层能不能加在label上
不能，mask原理：默认会显示mask层底部的内容，如果渐变层放在mask层上，就不会显示了
添加渐变层到控制器的view图层上
& & [self.view.layer
addSublayer:_gradientLayer];
& & // mask层工作原理:按照透明度裁剪，只保留非透明部分，文字就是非透明的，因此除了文字，其他都被裁剪掉，这样就只会显示文字下面渐变层的内容，相当于留了文字的区域，让渐变层去填充文字的颜色。
设置渐变层的裁剪层
& & _gradientLayer.mask = label.layer;
& & //设置左右变换&
如果不加这两句话 那么就是上下变换
& & _gradientLayer.startPoint =
CGPointMake(0.0,1.0);
& & _gradientLayer.endPoint =
CGPointMake(1.0,
注意:一旦把label层设置为mask层，label层就不能显示了,会直接从父层中移除，然后作为渐变层的mask层，且label层的父层会指向渐变层，这样做的目的：以渐变层为坐标系，方便计算裁剪区域，如果以其他层为坐标系，还需要做点的转换，需要把别的坐标系上的点，转换成自己坐标系上点，判断当前点在不在裁剪范围内，比较麻烦。
父层改了，坐标系也就改了，需要重新设置label的位置，才能正确的设置裁剪区域。
& & label.frame =
_gradientLayer.bounds;
利用定时器，快速的切换渐变颜色，就有文字颜色变化效果
& & CADisplayLink *link = [CADisplayLink
displayLinkWithTarget:self
selector:@selector(textColorChange)];
& & [link addToRunLoop:[NSRunLoop
mainRunLoop] forMode:NSDefaultRunLoopMode];
// 随机颜色方法
-(UIColor *)randomColor{
& & CGFloat r =
arc4random_uniform(256) /
& & CGFloat g =
arc4random_uniform(256) /
& & CGFloat b =
arc4random_uniform(256) /
& & return [UIColor
colorWithRed:r green:g
blue:b alpha:1];
// 定时器触发方法
-(void)textColorChange {
& & _gradientLayer.colors =
@[(id)[self
randomColor].CGColor,
& & & & & & & & & & & & & & & (id)[self
randomColor].CGColor,
& & & & & & & & & & & & & & & (id)[self
randomColor].CGColor,
& & & & & & & & & & & & & & & (id)[self
randomColor].CGColor,
& & & & & & & & & & & & & & & (id)[self
randomColor].CGColor];
- (void)didReceiveMemoryWarning {
& & [super
didReceiveMemoryWarning];
& & // Dispose of any resources that can be recreated.
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：53931次
积分：1038
积分：1038
排名：千里之外
原创：46篇
转载：30篇
(2)(2)(1)(1)(4)(3)(6)(24)(1)(6)(6)(2)(3)(16)打文字,然后删格式化,按CTRL点一下文字的图层,在右键点油漆涌选渐变,渐变可以设置自己想要的颜色,到文字上拉一下就可以了
要先选中字,在拉
让字变成虚框
其他答案（共1个回答）
没有选中图层
1。按ctrl键单击图形所在的图层把图形载入选区。2。选择“矩形选框工具”，在属性栏选“添加到选区”的方式，框住你需要的文字区域的下半部分（注意要使选区与图形部...
教你一种办法吧利用ctrl+shift+Q把边框变成物体，接下来怎么做，不用我说了吧………………………………………………………………
这样不行的.你用路径工具,它在形状工具前面,画完你要的图形后,你把它转换为选区,这样再用渐变去填充.OK
答: 财务预算软件和全面预算软件是一回事吗？
答: 好在有许多成熟的安全和网络技术，例如虚拟私有网络（VPN）和防火墙等，能够极大地提高Web服务应用的安全和性能，让开发者拥有选择安全技术的自由，而不是非得使用尚...
答: 某些ADSL调制解调器使用USB接口与电脑相连，需要在电脑上安装指定的软件以添加虚拟网卡来进行通信
大家还关注
确定举报此问题
举报原因(必选)：
广告或垃圾信息
激进时政或意识形态话题
不雅词句或人身攻击
侵犯他人隐私
其它违法和不良信息
报告，这不是个问题
报告原因(必选)：
这不是个问题
这个问题分类似乎错了
这个不是我熟悉的地区> 张鑫旭-鑫空间-鑫生活" />
CSS实现渐变文字效果 && 张鑫旭-鑫空间-鑫生活
CSS实现渐变文字效果
CSS实现渐变文字效果（支持IE6）
CSS实现渐变文字效果
CSS实现水晶文字效果
CSS实现金属质感文字效果
CSS实现渐变文字效果
CSS实现竖纹文字效果
CSS实现横纹文字效果
CSS实现虎斑纹文字效果
这是个段落标题
本demo页面由张鑫旭编辑整理，如果有什么疑问，可以通过邮件联系我，我会及时回复您的疑问。感谢您对我工作的支持！
CSS拼接实现的高光文字效果CAGradientLayer 是用来生成两种或更多颜色平滑渐变的 也是一个图层，layer的mask属性也是一个图层（CALayer）,mask属性就像一个饼干切割机，mask图层的不透明的部分会被保存下来，透明的部分会被抛弃，也就是说 一个layerA 本身自带一张图片，假设再设置这个layerA的mask属性为layerB，layerB也含有一张图片，那么结果就是 相当于把layerB覆盖到layerA上，大小一样，然后layerA会根据layerB的透明部分裁剪，将透明的部分抛弃，不透明的部分保留，最终显示的是被layerB裁减过的layerA
用一张图表示如下，常用的场景无边框图片气泡：
layerA & &&&layerB
& &layerA＋mask layerB的效果
下面是文字的渐变
CAGradientLayer * gradientLayer = [CAGradientLayerlayer];
// 设置图层的颜色数组
& & gradientLayer.colors =@[(__bridgeid)[UIColoryellowColor].CGColor,(__bridgeid)[UIColorredColor].CGColor];
// locations 属性是一个浮点数值的数组（以NSNumber包装），这些浮点数定义了colors属性中每个不同颜色的位置
0.0代表渐变开始，1.0代变结束
&// 一定要确保locations的数组大小和colors数组大小相同
& & gradientLayer.locations =@[@0.0,@1.0];
// CAGradientLayer startPoint和 endPoint属性他们决定了渐变的方向，这两个参数是以单位坐标系进行的定义，所以左上角的左边是｛0，0｝右下角坐标是｛1，1｝
& &&gradientLayer.startPoint =CGPointMake(0,0);
& & gradientLayer.endPoint =CGPointMake(1,1);
//& & gradientLayer.opacity = 0.5; // 图层的透明度
UILabel * label = [[UILabelalloc]
initWithFrame:CGRectMake(100,300,
& & label.text =@&颜色渐变&;
& & [self.viewaddSubview:label];
// & &设置frame
gradientLayer.frame = label.frame;
& & [self.view.layeraddSublayer:gradientLayer];
// & &将gradientLayer的mask属性设置为label.layer
& & gradientLayer.mask = label.layer;
// & &重新设置frame &相当于设置gradientLayer的mask的frame 与 本身的frame相等&
// & &gradientLayer.mask.frame = gradientLayer.bounds;
与这个意思一样
& & label.layer.frame = gradientLayer.bounds;
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：3242次
排名：千里之外
原创：10篇
(1)(1)(2)(1)(1)(7)(3)您所在的位置：
软件大小： 34.4MB
软件版本： 5.1.0.2
软件类型：
　　怎么在PS中做出渐变字体的效果?今天小编就为大家讲一下PS制作出渐变字体的具体方法，有需要的小伙伴可以一起来看看喔。
　　用photoshop cs6软件做出字体颜色渐变的效果的方法
　　首先，打开photoshop cs6;
　　按Ctrl+N新建一个图层，使用默认的设置就可以了。
　　在左侧工具栏里面选择文字工具，在背景图层上面使用文字工具输入文字&我和我的祖国&;
　　文字工具
　　在右下角的图层面板右击文字图层，选择&栅格化图层&;
　　这一步千万不要省去，图层的缩略图会变成一般图层的样式，注意观察;
　　在栅格化后的图层上右击选择&混合选项&;
　　在弹出的窗口里面勾选&渐变叠加&，点击右侧上方的渐变选项;
　　在弹出的渐变编辑器里面选择橘黄和黄色的渐变，稍稍修改一下;
　　渐变叠加
　　点击确定，可以看到文字已经发生了变化，出现橘黄到黄色的渐变;
　　但是。这并不意味这渐变色彩做完了。
　　在渐变编辑器里面调整渐变的角度，边调整边预览效果。
　　渐变叠加
　　上面的方法还是比较省事的，下面小编再和大家说一种做出字体颜色渐变的效果的方法;
　　做出字体颜色渐变的效果的其他方法：
　　栅格化图层以后，按Ctrl键点击文字所在的图层，文字被虚线选中;
　　选择渐变工具，还是选择橘黄和黄色的渐变，修改如图所示：
　　渐变叠加
　　点击确定，然后使用鼠标在文字上面拖出渐变的色彩，可以多试一试几个不同的角度和距离，就像我们在渐变编辑器里面调整角度一样，不过这个变化更丰富。
　　渐变叠加
　　以上就是怎么在PS中做出渐变字体的效果的全部内容了，大家都学会了吗?
TGP是由腾讯推出的一款游戏助手平台，大部分玩家都会使用TG...
电脑软件排行
移动软件排行
Android应用
读过此文的人还看过
天极大视野
京公网安备84号}