软件世界网 购物 网址 三丰软件 | 游戏 笑话 | 新闻 开发
俄罗斯方块
↓俄罗斯方块↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
移动开发 架构设计 编程语言 Web前端 互联网
开发杂谈 系统运维 研发管理 数据库 云计算 Android开发资料
  软件世界网 -> 移动开发 -> iOS图片设置为圆角矩形,圆形等 -> 正文阅读

[移动开发]iOS图片设置为圆角矩形,圆形等

分类:移动开发 标题:iOS图片设置为圆角矩形,圆形等 网站:软件世界网
[移动开发] iOS图片设置为圆角矩形,圆形等 | 软件世界网
详细内容:
有的时候需要将图片现实为圆形
比如头像等
以下面的图片为例

[img]http://img.blog.csdn.net/20150722200724468?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

我们按照正常的方式添加后效果如下
    UIImageView *userIconImageV=[[UIImageView alloc]initWithFrame:CGRectMake(30, 120, 188, 188)];
    [self.view addSubview:userIconImageV];
    userIconImageV.image=[UIImage imageNamed:@"icon_girl.jpg"];


[img]http://img.blog.csdn.net/20150722201053695?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

此时需要用到 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"];

出来的效果如下

[img]http://img.blog.csdn.net/20150723095302403?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

到此我们的效果已经实现。
这里我们做一下延伸,如果想要实现圆角矩形的图片该如何做了?
其实很简单我们只需要改下
userIconImageV.layer.cornerRadius=188/2.0f;

将此处的值改小一些即可
大家可以自己尝试一下
苹果开发群 :414319235  欢迎加入  欢迎讨论问题
版权声明:本文为博主原创文章,未经博主允许不得转载。
上一篇文章      下一篇文章      查看所有文章
2015-07-23 15:26:59  
移动开发 最新文章
深入了解android中的消息机制Handler
Android
Libgdx之BitmapFont字体
AndroidApp发布到应用市场的流程
Android开发找工作之前先看看这些知识点吧
View的事件分发机制解析
简单介绍了解白鹭引擎Egret
Cocos2d
android获取本地图片(二)
动画特效七:碰撞动画
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  软件世界网 --