#maskView基本原理
- png圖片透明像素的原理
- maskView可類比于多張png圖片的疊加遮罩，原理類似
- maskView是iOS8以上才有的，如果要考慮兼容低版本，用maskLayer替代


```
//使用maskView的情況
@property (nonatomic, strong)UIImageView *addImageView; //聲明疊加圖片View


self.addImageView = [[UIImageView alloc]initWithFrame:CGRectMake(50, 50, 200, 200)];
? ? [self.view addSubview:self.addImageView];
self.addImageView.image = [UIImage imageNamed:@"base"];//一張底圖
UIImageView *mask = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 200, 200)];
mask.image = [UIImage imageNamed:@"mask"];//一張png圖片，左邊黑色，漸變到右邊白色
self.addImageView.maskView = mask;//生成了疊加在一起一邊半透明的圖片，左邊黑色部分正常顯示，右邊漸變白色顯示模糊到無


```
######注意：maskView并不能用addSubview來添加遮罩


#maskView配合CAGradientLayer的使用
- 用CAGradientLayer直接產生帶透明像素通道的layer
- 用maskView直接加載帶CAGradientLayer的view
- 可以通過對CAGradientLayer進行動畫的操作實現動畫效果


#####看實例代碼
```
self.addImageView = [[UIImageView alloc]initWithFrame:CGRectMake(50, 450, 200, 200)];
? ? [self.view addSubview:self.addImageView];
? ? self.addImageView.image = [UIImage imageNamed:@"base"];//一張底圖
? ? //創建出漸變的layer
? ? CAGradientLayer *gradientLayer = [CAGradientLayer layer];
? ? gradientLayer.frame = self.addImageView.bounds;
? ? gradientLayer.colors = @[(__bridge id)[UIColor clearColor].CGColor,
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(__bridge id)[UIColor blackColor].CGColor,
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(__bridge id)[UIColor clearColor].CGColor];
? ? gradientLayer.locations = @[@(0.05),@(0.5),@(0.95)];
? ? //設置漸變方向
? ? gradientLayer.startPoint = CGPointMake(0, 0);
? ? gradientLayer.endPoint = CGPointMake(1, 0);
? ? //容器view ->用于加載創建出的CAGradientLayer
? ? UIView *containerView = [[UIView alloc]initWithFrame:self.addImageView.bounds];
? ? [containerView.layer addSublayer:gradientLayer];
? ? //設定maskView
? ? self.addImageView.maskView = containerView;
? ? CGRect frame = containerView.frame;
? ? frame.origin.x -=200;
? ? containerView.frame = frame;
? ? //給maskView做動畫效果
? ? [UIView animateWithDuration:3.f animations:^{
? ? ? ? //改變位移
? ? ? ? CGRect frame = containerView.frame;
? ? ? ? frame.origin.x += 400;
? ? ? ? //重新賦值
? ? ? ? containerView.frame = frame;
? ? }];


```
####我們不僅可以使用CAGradientLayer創建的蒙版，我們還可以對他進行動畫效果的設置 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的maskView与CAGradientLayer详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。