CALayers 是屏幕上的一个具有可见内容的矩形区域,每个UIView都有一个根CALayer,其所有的绘制(视觉效果)都是在这个layer上进行的。如下代码:
UILabel* lable = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 100,30)];
lable.text = @"测试测试";
[self.view addSubview: lable];
lable.backgroundColor = [UIColor clearColor];
//设定CALayer
self.view.layer.backgroundColor =[UIColor orangeColor].CGColor;
self.view.layer.cornerRadius =20.0;
self.view.layer.masksToBounds=YES;
请注意,我创建的UILable始终随着UIView的根CALayer的缩放而改变位置。)
其次,CALayer的可以影响其外观的特性有:
需要说明的是CALayer的大部分属性都可以用来实现动画效果。
另外,你可以直接使用CALayer,也可以使用其子类,如CAGradientLayer,CATextLayer,CAShapeLayer等等。
示例
CALayer是属于QuartzCore framework的,所以需要引入QuartzCore framework,另外在程序中包括QuartzCore.h。
先用CALayer给主视图增加圆角和背景色,在你的ViewController中的ViewDidLoad中加入下面代码:
//设定CALayer
self.view.layer.backgroundColor =[UIColor orangeColor].CGColor;
self.view.layer.cornerRadius =20.0;
self.view.layer.masksToBounds=YES;
结果如下:
然后添加一个带阴影效果的子层,加入下列代码:
CALayer *sublayer=[CALayer layer]; //初始化层
sublayer.frame=CGRectMake(40, 20, 240, 360);//设定层的大小
sublayer.backgroundColor=[UIColor blueColor].CGColor;//设定层的背景色
sublayer.cornerRadius=10.0;//设定层的圆角效果
sublayer.borderWidth=2.0; //给层设置边框
sublayer.shadowColor=[UIColor blackColor].CGColor; //设定边框的颜色
//设置层的阴影效果----
sublayer.shadowOffset=CGSizeMake(0, 3); //阴影的位置
sublayer.shadowRadius=5.0;//阴影的圆角
sublayer.shadowColor=[UIColor blackColor].CGColor; //阴影的颜色
sublayer.shadowOpacity=0.8;//阴影的透明度
//-----end--------
[self.view.layer addSublayer:sublayer];
效果图:
为子层增加内容(图片),你还可以设置层的边框,代码如下:
sublayer.contents =(id)[UIImage imageNamed:@"7.jpg"].CGImage;
sublayer.borderColor =[UIColor blackColor].CGColor;
sublayer.borderWidth =2.0;
效果图:
如果你希望子层也是圆角怎么办?你可能说很容易设置cornerRadius属性就行。实际上你即算是设置了cornerRadius属性,图片仍然不会显示圆角。你还需要设置masksToBounds为YES。但是这样做还是不够的,因为如果是这样,这个层的阴影显示就没有了。简单的实现方法如下(通过两个层来实现):
CALayer *sublayer=[CALayer layer]; //初始化层
sublayer.frame=CGRectMake(40, 20, 240, 360);//设定层的大小
sublayer.backgroundColor=[UIColor blueColor].CGColor;//设定层的背景色
sublayer.cornerRadius=10.0;//设定层的圆角效果
sublayer.borderWidth=2.0; //给层设置边框
sublayer.shadowColor=[UIColor blackColor].CGColor; //设定边框的颜色
//设置层的阴影效果----
sublayer.shadowOffset=CGSizeMake(0, 3); //阴影的位置
sublayer.shadowRadius=5.0;//阴影的圆角
sublayer.shadowColor=[UIColor blackColor].CGColor; //阴影的颜色
sublayer.shadowOpacity=0.8;//阴影的透明度
//-----end--------
[self.view.layer addSublayer:sublayer];
CALayer*imageLayer=[CALayer layer];
imageLayer.frame=sublayer.bounds;
imageLayer.cornerRadius=10.0;
imageLayer.contents=(id)[UIImage imageNamed:@"7.jpg"].CGImage;
imageLayer.masksToBounds=YES;
[sublayer addSublayer:imageLayer];
效果图:
http://blog.sina.com.cn/s/blog_9693f61a0101anv3.html