iOS UI ——CALayer简介

最新推荐文章于 2024-01-12 14:14:35 发布

原创最新推荐文章于 2024-01-12 14:14:35 发布 · 446 阅读

0 ·

CC 4.0 BY-SA版权

iOS 专栏收录该内容

165 篇文章

订阅专栏

本文深入探讨了UIView和CALayer在iOS开发中的显示原理，通过实例展示了如何自定义UIView的边框宽度、颜色、圆角以及阴影效果，包括设置边框宽度和颜色、添加圆角、使用image填充图层以及调整阴影的颜色、偏移和透明度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、简单介绍
UIView之所以能显示在屏幕上，完全是因为它内部的一个图层，在创建UIView对象时，UIView内部会自动创建一个图层（即CALayer对象），
通过UIView的 layer 属性可以访问这个层。
@propertry(nonatomic,readonly,retain)CALayer *layer;
当UIView需要显示到屏幕上时，会调用drawRect:方法进行绘图，并且会将所有的内容绘制在自己的图层上，绘图完毕后，系统会将图层拷贝到屏幕上，
于是完成了UIView的显示。

换句话说，UIView本身不具备显示的功能，拥有显示功能的是它内部的图层。

1.通过layer设置边框的宽度和颜色

-(void)viewDidLoad
{
	[super viewDidLoad];
	
	//设置边框的宽度为5
	self.customView.layer.borderWidth = 5;
	//设置边框的颜色
	self.customView.layer.boderColor = [UIColor blackColor].CGColor;
	
	//设置layer的圆角
	self.customView.layer.cornerRadius = 5;
	
	//在view的图层上添加一个image，contents表示接受内容
	self.customView.layer.contents = (id)[UIImage imageNamed:@"me"].CGImage;
}

2.设置阴影
不光需要设置阴影颜色，还应该设置阴影的偏移位和透明度。
如果不设置偏移位的话，那么阴影和layer完全重叠，且默认透明度为0

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    //设置阴影的颜色
    self.customView.layer.shadowColor=[UIColor blackColor].CGColor;
    //设置阴影的偏移量，如果为正数，则代表为往右边偏移
    self.customView.layer.shadowOffset=CGSizeMake(15, 5);
    //设置阴影的透明度(0~1之间，0表示完全透明)
    self.customView.layer.shadowOpacity=0.6;
}

补充说明：如果设置了超过主图层的部分减掉，则设置阴影不会有显示效果。

//设置超过子图层的部分裁减掉
    //UI框架中使用的方法
    //    self.customView.clipsToBounds=YES;
    self.customView.layer.masksToBounds=YES;