iOS 圖片設置爲圓角矩形，圓形等

本文轉載自：lwjok2007-- 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