CALayers 实现带圆角和阴影的图片

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的可以影响其外观的特性有：

• 层的大小尺寸
• 背景色
• 内容（比如图像或是使用Core Graphics绘制的内容）
• 是否使用圆角
• 是否使用阴影
• 等等

需要说明的是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