您的位置:首页 > 移动开发 > IOS开发

iOS 图片设置为圆角矩形,圆形等

2016-05-06 19:01 344 查看
本文转载自:lwjok2007-- iOS 图片设置为圆角矩形,圆形等

有的时候需要将图片现实为圆形

比如头像等

以下面的图片为例



我们按照正常的方式添加后效果如下

[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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ios 图片 圆形 layer