欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-15 16:42:23
...

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

UIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法
            
    
    博客分类: ios UIViewUIButtonUIImageView等设置圆角设置阴影设置边框的方法 

UIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法
            
    
    博客分类: ios UIViewUIButtonUIImageView等设置圆角设置阴影设置边框的方法 

UIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法
            
    
    博客分类: ios UIViewUIButtonUIImageView等设置圆角设置阴影设置边框的方法 

UIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法
            
    
    博客分类: ios UIViewUIButtonUIImageView等设置圆角设置阴影设置边框的方法 

 

       而UIView的layer属性可以绘制UIView的各种效果。其实我们看到的View的动画实际上也是layer在绘制。

 

1、绘制圆角

 

[objc] view plaincopyUIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法
            
    
    博客分类: ios UIViewUIButtonUIImageView等设置圆角设置阴影设置边框的方法 UIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法
            
    
    博客分类: ios UIViewUIButtonUIImageView等设置圆角设置阴影设置边框的方法 
  1. cornerView.layer.cornerRadius = 20;  
  2. cornerView.layer.masksToBounds = YES;  



 

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

如果一个正方形要设置成圆形,代码为:

 

[objc] view plaincopyUIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法
            
    
    博客分类: ios UIViewUIButtonUIImageView等设置圆角设置阴影设置边框的方法 UIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法
            
    
    博客分类: ios UIViewUIButtonUIImageView等设置圆角设置阴影设置边框的方法 
  1. cornerView.layer.cornerRadius = cornerView.frame.size.height/2;  
  2. cornerView.layer.masksToBounds = YES;  

 

 

 

2、绘制边框

 

[objc] view plaincopyUIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法
            
    
    博客分类: ios UIViewUIButtonUIImageView等设置圆角设置阴影设置边框的方法 UIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法
            
    
    博客分类: ios UIViewUIButtonUIImageView等设置圆角设置阴影设置边框的方法 
  1. borderView.layer.borderWidth = 1.0;  
  2. borderView.layer.borderColor = [UIColor blackColor].CGColor;  


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

 

 

3、绘制阴影

 

[objc] view plaincopyUIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法
            
    
    博客分类: ios UIViewUIButtonUIImageView等设置圆角设置阴影设置边框的方法 UIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法
            
    
    博客分类: ios UIViewUIButtonUIImageView等设置圆角设置阴影设置边框的方法 
  1. shadowView.layer.shadowColor = [UIColor redColor].CGColor;  
  2. shadowView.layer.shadowOffset = CGSizeMake(5.05.0);  
  3. shadowView.layer.shadowOpacity = YES;  


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

 

opacity为透明度,默认为0,即表示透明的。所以我们要把opacity设置成1或者YES,表示不透明,也可以设置成0.5或者类似的值呈现半透明。

 

效果如下:

UIView,UIButton,UIImageView等设置圆角,设置阴影,设置边框的方法
            
    
    博客分类: ios UIViewUIButtonUIImageView等设置圆角设置阴影设置边框的方法