UI:IOS中自定義圓角圖片和按鈕

在做新浪新聞的個人設置頁面時候遇到了用戶頭像是圓角的情況,所以搜了搜圓角的設置方法,就此總結起來方便以後查閱。


首先,在project中添加QuartzCore.framework.

在需要做圓角的類中,導入庫的頭文件#import"QuartzCore/QuartzCore.h"


//定義屬性imageView  /  button

<span style="font-size:18px;">imageView.layer.cornerRadius = 50; //值越大,角越圓(值爲控件寬高一半的時候是正圓)
imageView.layer.masksToBounds = YES;</span>


//邊框寬度及顏色設置

[imageView.layer setBorderWidth:2];

[imageView.layer setBorderColor:[UIColor blueColor]];  //設置邊框爲藍色

//自動適應,保持圖片寬高比

imageView.contentMode = UIViewContentModeScaleAspectFit;



UIButton提供了一個方式創建圓角按鈕:

<span style="background-color: rgb(255, 255, 204);">+ (id)buttonWithType:(UIButtonType)buttonType;//指定buttonType爲UIButtonTypeRoundedRect</span>

但是這樣創建出來的按鈕僅僅能支持默認的白底藍字的風格,不可再進行更改。比如更改了backgroundColor,背景顏色區域仍然覆蓋了整個矩形區域。

所以按鈕的圓角設置同imageView一樣,可以用上述方法來做

這樣得到的btn就可按自己需要的風格進行定義了,設置backgroundColorbackgroundImage都只是填充其圓角區域內。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章