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

最新推荐文章于 2024-04-30 15:46:40 发布

转载最新推荐文章于 2024-04-30 15:46:40 发布 · 75 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ZhangYuGe/p/4727689.html

文章标签：

#移动开发

本文介绍了如何使用UIView的layer属性来实现iOS应用中的圆角、边框和阴影效果。通过调整cornerRadius、borderWidth和shadowColor等属性，可以轻松定制视图的外观。

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

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

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

1、绘制圆角

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

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

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

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

2、绘制边框

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

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

3、绘制阴影

    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,UIButton,UIImageView等设立圆角，设置阴影，设置边框的方法

转载于:https://www.cnblogs.com/ZhangYuGe/p/4727689.html