iOS 使用纯代码或xib创建圆角视图

尊重原创 转自：http://www.jianshu.com/p/80f1fd3f63a0

引言:

纯代码创建圆角视图:

UIView *view = [[UIView alloc] initWithFrame:(CGRectMake(50, 100, 200, 200))];
view.backgroundColor = [UIColor brownColor];

// 设置圆角的角度(当view的宽和高相等, 且 圆角角度为宽的一半时 为圆形)
view.layer.cornerRadius = 20;

// 设置允许裁剪
view.layer.masksToBounds = YES;

// 设置边框
view.layer.borderWidth = 5;

// 设置边框颜色
view.layer.borderColor = [[UIColor redColor] CGColor];

[self.view addSubview:view];

xib下创建圆角视图:

IB_DESIGNABLE

IBInspectable

如何实现实时查看圆角效果:

#import <UIKit/UIKit.h>
IB_DESIGNABLE  // 动态刷新
@interface CornerView : UIView
// 注意: 加上IBInspectable就可以可视化显示相关的属性
/** 可视化设置边框宽度 */
@property (nonatomic, assign)IBInspectable CGFloat borderWidth;
/** 可视化设置边框颜色 */
@property (nonatomic, strong)IBInspectable UIColor *borderColor;
/** 可视化设置圆角 */
@property (nonatomic, assign)IBInspectable CGFloat cornerRadius;
@end

@implementation CornerView.m

#pragma mark - 设置边框宽度
- (void)setBorderWidth:(CGFloat)borderWidth {

if (borderWidth < 0) return;

self.layer.borderWidth = borderWidth;
}

#pragma mark - 设置边框颜色
- (void)setBorderColor:(UIColor *)borderColor {

self.layer.borderColor = borderColor.CGColor;
}

#pragma mark - 设置圆角
- (void)setCornerRadius:(CGFloat)cornerRadius {

self.layer.cornerRadius = cornerRadius;
self.layer.masksToBounds = cornerRadius > 0;
}

Designable

效果图:

xib下 view

CornerView

imageView

CornerImageView