iOS小技巧--UIView,UIButton,UIImageView等设置圆角，设置阴影，设置边框

UIView,UIButton,UIImageView等设置圆角，设置阴影，设置边框的方法

    在iOS开发中，任何可见视图都是继承于UIView的。    继承体系中，大部分UIView的属性适用于其任何孩子。

       而UIView的layer属性能够绘制UIView的各类效果。其实咱们看到的View的动画实际上也是layer在绘制。

 

一、绘制圆角

 

    cornerView.layer.cornerRadius = 20;
    cornerView.layer.masksToBounds = YES;

masksToBounds防止子元素溢出父视图。

若是一个正方形要设置成圆形，代码为:

 

    cornerView.layer.cornerRadius = cornerView.frame.size.height/2;
    cornerView.layer.masksToBounds = YES;

 

 

二、绘制边框

 

    borderView.layer.borderWidth = 1.0;
    borderView.layer.borderColor = [UIColor blackColor].CGColor;

注意此处使用的是CGColor而不是UIColor.

 

三、绘制阴影

 

    shadowView.layer.shadowColor = [UIColor redColor].CGColor;
    shadowView.layer.shadowOffset = CGSizeMake(5.0, 5.0);
    shadowView.layer.shadowOpacity = YES;

offset为偏移量，为正表示向frame x，y坐标增长的方向偏移。

opacity为透明度，默认为0，即表示透明的。因此咱们要把opacity设置成1或者YES，表示不透明，也能够设置成0.5或者相似的值呈现半透明。

 

效果以下：

 

 

 

四、圆角阴影并存

 

  UIView *v=[[UIView alloc]initWithFrame:CGRectMake(10, 10, 100, 100)];
    v.backgroundColor=[UIColor yellowColor];
    //v.layer.masksToBounds=YES;这行去掉
    v.layer.cornerRadius=10;
    v.layer.shadowColor=[UIColor redColor].CGColor;
    v.layer.shadowOffset=CGSizeMake(10, 10);
    v.layer.shadowOpacity=0.5;
    v.layer.shadowRadius=5;

    [self.view addSubview:v];

 

效果以下

 

 

/* When true an implicit mask matching the layer bounds is applied to  * the layer (including the effects of the `cornerRadius' property). If  * both `mask' and `masksToBounds' are non-nil the two masks are  * multiplied to get the actual mask values. Defaults to NO.  * Animatable. */