iOS layer.mask 的原理

直接上原理

控制layer本身渲染的一个layer。效果是:比如imageLayer有一个maskLayer作为mask(注意maskLayer可以不跟imageLayer大小一样),那maskLayer透明的地方,imageLayer就不会渲染,而是变透明,显示出imageLayer之后的内容,maskLayer不透明的地方,imageLayer就会正常渲染,显示出imageLayer本来的内容如果maskLayer比imageLayer要小,那默认的maskLayer之外的地方都是透明的,都不会渲染。

由以上原理可知,如果我们想让一个视图只展示一部分,

那么我们可以通过设置其layer.mask来实现,

如果一个视图要实现一个渐变的展示,我们也可以通过

layer.mask实现

复制代码
   self.view.backgroundColor = [UIColor cyanColor];
    CALayer *layer = [[CALayer alloc] init];
    layer.frame = CGRectMake(100, 200, 100, 100);
    layer.backgroundColor = [UIColor whiteColor].CGColor;
    self.view.layer.mask = layer;

效果

整个页面只展示了一部分

复制代码
- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor cyanColor];
  
    CAGradientLayer *gradientlayer = [[CAGradientLayer alloc] init];
    gradientlayer.frame = CGRectMake(100, 100, 100, 100);
    gradientlayer.colors = @[(id)[[UIColor whiteColor] colorWithAlphaComponent:0].CGColor, (id)[[UIColor whiteColor] colorWithAlphaComponent:1].CGColor];
    gradientlayer.locations = @[@0, @1];
    self.view.layer.mask = gradientlayer;
    // Do any additional setup after loading the view.
}
相关推荐
goto_w2 小时前
uniapp上使用webview与浏览器交互,支持三端(android、iOS、harmonyos next)
android·vue.js·ios·uni-app·harmonyos
鸿蒙布道师20 小时前
鸿蒙NEXT开发对象工具类(TS)
android·ios·华为·harmonyos·arkts·鸿蒙系统·huawei
刘小哈哈哈21 小时前
封装了一个iOS多分区自适应宽度layout
macos·ios·cocoa
布多1 天前
Tagged Pointer:苹果工程师的内存优化艺术
ios·源码
Rudon滨海渔村1 天前
新旧iPhone相册复制 - 相册图片视频对拷 - 换机 - 迁移设备数据 - 免费开源爱思助手
ios·iphone
清晨細雨2 天前
UniApp集成极光推送详细教程
android·ios·uni-app·极光推送
ii_best2 天前
iOS 按键越狱脚本支持一键新机软件教程
ios
lilili啊啊啊2 天前
查看iphone手机的使用记录-克魔实战
ios·智能手机·iphone
鸿蒙布道师2 天前
鸿蒙NEXT开发随机工具类(ArkTs)
android·ios·华为·harmonyos·arkts·鸿蒙系统·huawei
鸿蒙布道师3 天前
鸿蒙NEXT开发Base64工具类(ArkTs)
android·ios·华为·harmonyos·arkts·鸿蒙系统·huawei