UI:IOS中自定义圆角图片跟按钮
UI:IOS中自定义圆角图片和按钮
//自动适应,保持图片宽高比
UIButton提供了一个方式创建圆角按钮:
在做新浪新闻的个人设置页面时候遇到了用户头像是圆角的情况,所以搜了搜圆角的设置方法,就此总结起来方便以后查阅。
首先,在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就可按自己需要的风格进行定义了,设置backgroundColor或backgroundImage都只是填充其圆角区域内。