iOS 图片设置为圆角矩形,圆形等
2016-05-06 19:01
344 查看
本文转载自:lwjok2007-- iOS 图片设置为圆角矩形,圆形等
有的时候需要将图片现实为圆形
比如头像等
以下面的图片为例
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/05/c84e1836cef00547aed98cdd9021b207)
我们按照正常的方式添加后效果如下
[objc] view
plain copy
UIImageView *userIconImageV=[[UIImageView alloc]initWithFrame:CGRectMake(30, 120, 188, 188)];
[self.view addSubview:userIconImageV];
userIconImageV.image=[UIImage imageNamed:@"icon_girl.jpg"];
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/05/fbba0fb1fe7dc93618dc8fab71b6d190)
此时需要用到 UIImageView layer 的一些属性来设置了。具体代码如下
[objc] view
plain copy
UIImageView *userIconImageV=[[UIImageView alloc]initWithFrame:CGRectMake(30, 120, 188, 188)];
[self.view addSubview:userIconImageV];
userIconImageV.layer.masksToBounds=YES;
userIconImageV.layer.cornerRadius=188/2.0f; //设置为图片宽度的一半出来为圆形
userIconImageV.layer.borderWidth=3.0f; //边框宽度
userIconImageV.layer.borderColor=[[UIColor whiteColor] CGColor];//边框颜色
userIconImageV.image=[UIImage imageNamed:@"icon_girl.jpg"];
出来的效果如下
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/05/0dd8a1424120f304ccec4fa1f9f30da4)
到此我们的效果已经实现。
这里我们做一下延伸,如果想要实现圆角矩形的图片该如何做了?
其实很简单我们只需要改下
[objc] view
plain copy
userIconImageV.layer.cornerRadius=188/2.0f;
将此处的值改小一些即可
大家可以自己尝试一下
demo上传至群空间
有的时候需要将图片现实为圆形
比如头像等
以下面的图片为例
我们按照正常的方式添加后效果如下
[objc] view
plain copy
UIImageView *userIconImageV=[[UIImageView alloc]initWithFrame:CGRectMake(30, 120, 188, 188)];
[self.view addSubview:userIconImageV];
userIconImageV.image=[UIImage imageNamed:@"icon_girl.jpg"];
此时需要用到 UIImageView layer 的一些属性来设置了。具体代码如下
[objc] view
plain copy
UIImageView *userIconImageV=[[UIImageView alloc]initWithFrame:CGRectMake(30, 120, 188, 188)];
[self.view addSubview:userIconImageV];
userIconImageV.layer.masksToBounds=YES;
userIconImageV.layer.cornerRadius=188/2.0f; //设置为图片宽度的一半出来为圆形
userIconImageV.layer.borderWidth=3.0f; //边框宽度
userIconImageV.layer.borderColor=[[UIColor whiteColor] CGColor];//边框颜色
userIconImageV.image=[UIImage imageNamed:@"icon_girl.jpg"];
出来的效果如下
到此我们的效果已经实现。
这里我们做一下延伸,如果想要实现圆角矩形的图片该如何做了?
其实很简单我们只需要改下
[objc] view
plain copy
userIconImageV.layer.cornerRadius=188/2.0f;
将此处的值改小一些即可
大家可以自己尝试一下
demo上传至群空间
圆形头像.zip |
相关文章推荐
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 不可修补的 iOS 漏洞可能导致 iPhone 4s 到 iPhone X 永久越狱
- iOS 12.4 系统遭黑客破解,漏洞危及数百万用户
- 每日安全资讯:NSO,一家专业入侵 iPhone 的神秘公司
- [转][源代码]Comex公布JailbreakMe 3.0源代码
- 按右键另存图片只能存BMP
- photoshop去除图片上的水印
- upload上传单张图片
- 图片引发的溢出危机(图)
- C#实现把彩色图片灰度化代码分享
- C#将图片和字节流互相转换并显示到页面上
- C#监控文件夹并自动给图片文件打水印的方法
- 爆炸式的JS圆形浮动菜单特效代码
- 纯CSS实现的当鼠标移上图片添加阴影效果代码
- 如何使用C#从word文档中提取图片
- C#实现打开画图的同时载入图片、最大化显示画图窗体的方法
- C#图片添加水印的实现代码
- 随鼠标移动的图片或文字特效代码