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

今天药忘吃喽~ 2022-03-11 03:55 426阅读 0赞

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

![20140313090650171][]

![20140313090703390][]

![20140313090655984][]

![20140313090709625][]

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

# 1、绘制圆角 #

**\[objc\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  cornerView.layer.cornerRadius = 20;  
2.  cornerView.layer.masksToBounds = **YES**;

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

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

**\[objc\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

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

# 2、绘制边框 #

**\[objc\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

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

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

# 3、绘制阴影 #

**\[objc\]**  [view plain][] [copy][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  shadowView.layer.shadowColor = \[UIColor redColor\].CGColor;  
2.  shadowView.layer.shadowOffset = CGSizeMake(5.0, 5.0);  
3.  shadowView.layer.shadowOpacity = **YES**;

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

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

效果如下：

![20140313092819453][]

[20140313090650171]: /images/20220311/991aff364e404a69b76bf506721e1b1b.png
[20140313090703390]: /images/20220311/2c83c0724a25440cbe5b9710e390fd68.png
[20140313090655984]: /images/20220311/6fc4f0d1773d4232a0a1a0717a84d485.png
[20140313090709625]: /images/20220311/46dfc9c0130a44e4b5655903757e667e.png
[view plain]: http://blog.csdn.net/whoten/article/details/21153817
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/232817
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/232817/fork
[20140313092819453]: /images/20220311/89e74a66dc674f35b7025c995c503f31.png