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;

将此处的值改小一些即可

大家可以自己尝试一下

demo上传至群空间

圆形头像.zip

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

iOS 图片设置为圆角矩形，圆形等相关推荐

把主框架窗口设置为圆角矩形，并改变外围边框颜色
最近需要把主框架窗口设置为圆角矩形,并且替换掉边框颜色.程序中已经隐藏掉标题栏,菜单栏,工具栏,因此边框不是蓝色,而是系统颜色. 改变外围边框颜色是在void CMainFrame::OnNcPain ...
Canvas 绘制圆形图片、绘制圆角矩形图片
前言在 Canvas 中我们常常遇到的一个需求绘制一个圆形或者一个圆角矩形图像,常用于展示用户头像,我们知道 CSS 有 border-radius 属性,但是 Canvas 是没有的~
-shape 填充圆角矩形圆形环形
属性使用中可能出现的问题: 如果在某些手机中使用 shape 出现黑色填充背景,设置<solid android:color="@color/transparent"/&g ...
html设置input圆角矩形_css怎么实现按钮圆角样式的展示效果?（示例）
在网页设计过程中,一般标签属性默认的效果都不是太美观,就比如按钮样式,默认状态是极其普通毫无美感.那么本篇文章就给大家介绍关于css设置按钮样式之圆角按钮效果的相关操作示例. 代码如下: 或者效果如 ...
html设置input圆角矩形_如何选择绘画尺寸、认识快捷键和设置快捷键
一.选择的绘画尺寸其实刚开始学插画的尺寸不要用太大的尺寸也不要用太小的尺寸,建议a4纸300分辨率就可以了.如果选择太大会卡.如果选择太小的话看不清楚.如你是sp2018版本的.可以直接选择&quo ...
前端裁图-如何使用ps软件将矩形图片裁剪成圆角矩形
1.ps打开一个图片 2.用矩形工具画出一个矩形覆盖在要裁剪的图形上 3.将圆角矩形转化为矩形选区,方式:ctrl+鼠标左键(鼠标左键选中的是矩形图层,一般图层在ps界面的右侧栏) 矩形变为选区后是一 ...
html设置input圆角矩形_html5中关于input用法的改变
① url类型 url类型的input元素是一种专门用来输入url地址的文本框.提交时如果该文本框中的内容不是url地址格式的文字,则不允许提交. 非url提交时Firefox.Chrome 提示错误 ...
html设置input圆角矩形_html5中关于input使用方法的改变
① url类型 url类型的input元素是一种专门用来输入url地址的文本框.提交时假设该文本框中的内容不是url地址格式的文字,则不同意提交. 非url提交时Firefox.Chrome 提示错误 ...
MYSQL圆角矩形表示_android 利用Bitmap获取圆角矩形、圆形图片
1.在很多时候,我们要显示图片资源,需要将他的资源显示为圆角的:示例源码如下: public static Bitmap getRoundedCornerBitmap(Bitmap bitmap,fl ...

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

iOS 图片设置为圆角矩形，圆形等相关推荐

最新文章

热门文章