源代码如下:
self.numLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width/3, 60)];
[self.view addSubview:self.numLabel];
self.numLabel.center = self.view.center;
self.numLabel.textAlignment = NSTextAlignmentCenter;
self.numLabel.font = [UIFont systemFontOfSize:30];
self.numLabel.text = @"53695";
// 创建 CAGradientLayer 对象
CAGradientLayer *gradientLayer = [CAGradientLayer layer];
// 设置 gradientLayer 的 Frame
gradientLayer.frame = CGRectMake(CGRectGetMinX(self.numLabel.frame), CGRectGetMinY(self.numLabel.frame), self.view.frame.size.width/3, 60);
// 创建渐变色数组,需要转换为CGColor颜色
UIColor * red = [UIColor colorWithRed:253/255.0 green:93/255.0 blue:97/255.0 alpha:1.0];
gradientLayer.colors = @[(id)[red colorWithAlphaComponent:0.3].CGColor,
(id)red.CGColor
];
// 设置二种颜色变化点,取值范围 0.0~1.0
gradientLayer.locations = @[@(0.0),@(1.0)];
// 设置渐变颜色方向,左上点为(0,0), 右下点为(1,1)
gradientLayer.startPoint = CGPointMake(0, 0);
gradientLayer.endPoint = CGPointMake(1, 0);
// 切成 填充 图形的形状.
[self.view.layer addSublayer:gradientLayer];
gradientLayer.mask = self.numLabel.layer;
这样运行之后会出现空白 label 不见了
这是因为:
1.mask,遮盖的结果是:在被mask的对象上留下mask对象非空白的部分(被mask对象.mask=mask对象;)
这个效果常常配合CAGradientLayer使用做出变色字,也就是动态的上面的效果;
2.mask的核心思想在于:mask对象在这行代码(被mask对象.mask=mask对象;)执行完之后坐标系发生的改变,被假设性的放置在了被mask对象上面,并且frame没有相应的变化,所以导致了用外部的layer直接裁剪会出现空白的情况,当然如果是子layer裁剪那么就一点问题没有;因此,需要在(被mask对象.mask=mask对象;)之后追加一个控制mask对象frame的语句,给它一个位置。(需要注意:mask对象其实是被从自己曾今的父视图或者父layer上被移除了,而且也没到被mask的那个layer上去)。