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  欢迎加入  欢迎讨论问题

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

时间: 2024-10-11 10:33:29

iOS 图片设置为圆角矩形,圆形等的相关文章

iOS图片设置圆角

一般我们在iOS开发的过程中设置圆角都是如下这样设置的. imageView.clipsToBounds = YES; [imageView.layer setCornerRadius:50]; 这样设置会触发离屏渲染,比较消耗性能.比如当一个页面上有十几头像这样设置了圆角 会明显感觉到卡顿. 这种就是最常用的,也是最耗性能的. 注意:ios9.0之后对UIImageView的圆角设置做了优化,UIImageView这样设置圆角 不会触发离屏渲染,ios9.0之前还是会触发离屏渲染.而UIBut

iOS图片设置圆角性能优化

问题 圆角虽好,但如果使用不当,它就是你的帧数杀手,特别当它出现在滚动列表的时候.下面来看圆角如何毁掉你的流畅度的. 实测 layer.cornerRadius 我创建了一个简单地UITableView视图,为每个cell添加了2个UIImageView实例,且为UIImageView实例进行如下设置 aImageView.layer.cornerRadius = aImageView.frame.size.width/2.0; aImageView.layer.masksToBounds = 

UIButton 如何设置为圆角矩形

先上代码 //登录按钮 loginBtn=[UIButton buttonWithType:UIButtonTypeRoundedRect]; loginBtn.frame=CGRectMake(1, 199, 200, 36); [self.view addSubview:loginBtn]; [loginBtn addTarget:self action:@selector(login) forControlEvents:UIControlEventTouchUpInside]; 这样生成的

ios中设置UIButton圆角,添加边框

//例如: UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; button.frame = CGRectMake(50,50,100,40); button.backgroundColor = [UIColor blueColor]; //关键语句 button.layer.cornerRadius = 2.0;//2.0是圆角的弧度,根据需求自己更改 button.layer.borderColor = [UICo

Android中绘制圆角矩形图片及任意形状图片

圆角矩形图片在苹果的产品中很流行,相比于普通的矩形,很多人都喜欢圆角矩形的图片,因为它避开了直角的生硬,带来更好的用户体验,下面是几个设计的例子: 下面在Android中实现将普通的矩形图片绘制成圆角矩形.首先看最终效果: 代码清单: package com.example.phototest; import android.os.Bundle; import android.app.Activity; import android.graphics.Bitmap; import android

【Android学习笔记】圆角矩形ImageView自定义控件的实现与使用

在做安卓项目的过程中,我们总会遇到需要以圆角矩形控件来显示图标.图片或者按钮的需求,解决办法有两种,一种是在drawable下创建shape布局xml文件,另一种是自定义一个继承于ImageView的自定义控件类来实现,下面是具体的实现办法. 首先我们命名一个XCRoundRectImageView类,并继承于ImageView.代码如下: 1 import android.content.Context; 2 import android.graphics.Bitmap; 3 import a

iOS设置圆角及圆形图片

方方正正的样式往往会显得很生硬,而圆角的样式会让人产生别样的亲切感,现在越来越多地用到圆角,诸如用户头像之类的图片也大都用圆形来显示,本文就介绍如何设置按钮.文本框的圆角以及制作圆形的图片. 先来看看效果图: 如效果图所示,我们制作了一个圆形的头像,一个完全半圆的圆角按钮,一个小圆角的按钮,以及一个带边框且边框为圆角的label. 大概思路如下: View都有一个layer的属性,我们正是通过layer的一些设置来达到圆角的目的,因此诸如UIImageView.UIButton.UILabel等

iOS图片圆角设置的正确姿势

最近从上一家公司辞职,一直处于待业状态,顺便再家里带带闺女,今天有时间,所以写点东西,希望刚开始接触iOS开发的小白能够有所收获. 在iOS开发中圆角图片很常见,但是我们一般在设置图片圆角的时候几乎都是这样设置的: UIImageView *image = [[UIImageView alloc]initWithFrame:CGRectMake(100, 100, 50, 50)]; image.layer.cornerRadius = 25.0; image.layer.masksToBoun

【iOS开发-57】案例改进:block动画、控件的removeFromSuperview、利用layer设置圆角矩形以及代理模式运用

接上述案例,案例改进:[iOS开发-50]利用创建新的类实现代码封装,从而不知不觉实践一个简单的MVC实验,附带个动画 在上述案例中,我们最后实现了一个动画,点击"下载"按钮变成"已下载"不可点击,然后中间出现提示框. (1)其中有一个小BUG,就是这个提示的透明度变成0之后,这个提示框并没有显示还留在内存中.需要: [tipsLabel removeFromSuperview]; (2)其次,我们可以用另一个代码实现动画,就是用block,这一次是2个block嵌