UI:IOS中自定义圆角图片跟按钮

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都只是填充其圆角区域内。