源代码如下:
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上去）。
网友评论