码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-07-23 11:57:10      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:ios   ios开发   图片   圆角矩形   圆形   

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

比如头像等


以下面的图片为例


技术分享



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

    UIImageView *userIconImageV=[[UIImageView alloc]initWithFrame:CGRectMake(30, 120, 188, 188)];
    [self.view addSubview:userIconImageV];
    userIconImageV.image=[UIImage imageNamed:@"icon_girl.jpg"];

技术分享

此时需要用到 UIImageView layer 的一些属性来设置了。具体代码如下


    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"];


出来的效果如下


技术分享


到此我们的效果已经实现。


这里我们做一下延伸,如果想要实现圆角矩形的图片该如何做了?


其实很简单我们只需要改下

userIconImageV.layer.cornerRadius=188/2.0f;

将此处的值改小一些即可

大家可以自己尝试一下



苹果开发群 :414319235  欢迎加入  欢迎讨论问题

版权声明:本文为博主原创文章,未经博主允许不得转载。

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

标签:ios   ios开发   图片   圆角矩形   圆形   

原文地址:http://blog.csdn.net/lwjok2007/article/details/47008863

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!