iOS的圆形或者圆角ImageView

最新推荐文章于 2020-12-19 12:34:28 发布

原创最新推荐文章于 2020-12-19 12:34:28 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

objective C 专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了如何利用CALayer类的CornerRadius属性快速实现ImageView的圆角效果，并通过实例展示了如何进一步添加边框。从CALayer类的基本概念出发，逐步深入，适合初学者快速上手。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

大家好，笑笑，今天我们来讲一下圆形或者圆角的imageView的问题。（吐槽一下，写博客这种休息方式，挺爽！）

之前我的项目中要显示图片（某些事物的信息），但是显示出来是却是方形的，有棱有角，难看死了，于是我就在code4app上找例子，想拿个现成，结果上面的例子都太XX复杂了，对于我这个小菜来说简直XX...笑笑！

话说还是google神奇，五句代码就解决了，五句啊！！！好了，不扯了（还没休息够呢=。=），看代码：对了对了，那些想在storyBoard里直接拖一个圆角或者圆形imageView的同学就放弃吧，根本不可能。（竟然和我一样懒）

正题：

你可能没有听过CALayer类。但是。如果你曾经创建过应用程序，那么你应该以某种方式使用过他。在UIKIT中得每个视图（例如UIView、UIImageView）都备份在一个CALayer类的实例中（即layer对象）layer对象用来管理视图的备份存储和处理视图相关的动画。layer中提供了很多种属性，使他们来控制视图的可是内容：

背景颜色
边框和边框宽度
阴影颜色，宽度等
Opacity(不透明度)
圆角半径 CornerRadius就是我们用来回执圆角和圆形的属性。

好了，那我们就开始我们的小实验吧，嘿嘿哈哈，最喜欢这个环节了呢，笑笑！

首先建立一个新的项目，然后拖拽一个imageView到storyboard的view中，然后和ViewController建立属性连接。

都做好后，在viewController的.m文件的viewDidLoad的方法中，设置imageView的CornerRadius属性：
```
 self.imageView.layer.cornerRadius=90.0f;
    self.imageView.clipsToBounds=YES;
```
改变CornerRadius属性值的大小可以调节圆角的弧度，当CornerRadius值的大小事imageView（你最好弄一个正方形的ImageView）宽度或者长度的一半时，就会显示出圆形了。解释：每一个视图，都有一个捆绑的layer属性。所以上面的第一行是设置layer对象（CALayer类的一个实例）的圆角半径。
好了，如果你还想给自己的图像加上边框，那么，就继续向下看吧：

在viewDidLoad:方法中，在设置圆角半径的代码后面加入以下两行代码：
```
    
    self.imageView.layer.borderWidth = 3.0f;
    self.imageView.layer.borderColor = [UIColor yellowColor].CGColor;
    
```
这样，你就为你的imageView加上了一个像素是3的白色边框了，简单吧，嘿嘿！