在StoryBoard中设置圆角,边框宽度等

在iOS开发中，很多时候我们需要设置圆角，下面就介绍一种用storyBoard开发快速设置圆角的方式，废话不多说，看效果图。

301CBF0A-1C4E-472C-A0B2-CA966D27D1C9.png

1.首先新建一个工程，这里就不多说了，右击New File，

63A0E847-6A59-4660-A0BB-65BA46F60774.png

选择Objective-C File,点击Next

CB131990-13DE-41AC-818D-40E1CEBD21E4.png

File自己取一个名字，File Type选择Category，Class选择UIView，点击Next

6A0C484C-D270-4C01-B2C7-7421A5FDE432.png
2.在.h中的实现如下：

#import <UIKit/UIKit.h>
IB_DESIGNABLE
@interface UIView (WYUIView)
/**
 *  设置圆角
 *
 *  @param cornerRadius 圆角大小
 */
@property (nonatomic, assign) IBInspectable CGFloat cornerRadius;
/**
 *  是否裁剪子视图
 *
 *  @param cornerRadius YES 裁剪 -- NO 不裁剪
 */
@property (nonatomic, assign) IBInspectable BOOL masksToBounds;
/**
 *  设置边框宽度
 *
 *  @param borderWidth 边框宽度
 */
@property (nonatomic, assign) IBInspectable CGFloat borderWidth;
/**
 *  设置边框颜色
 *
 *  @param borderColor 边框颜色
 */
@property (nonatomic, strong) IBInspectable UIColor *borderColor;
@end

3.在.m中实现如下

#import "UIView+WYUIView.h"
@implementation UIView (WYUIView)
#pragma mark - 圆角
-(void)setCornerRadius:(CGFloat)cornerRadius
{
    self.layer.cornerRadius = cornerRadius;
}
-(CGFloat) cornerRadius{
    return self.layer.cornerRadius;
}
#pragma mark - 裁剪子视图
-(void)setMasksToBounds:(BOOL)masksToBounds
{
    self.layer.masksToBounds = masksToBounds;
}
-(BOOL)masksToBounds{
    return self.layer.masksToBounds;
}
#pragma mark - 边框宽度
-(void)setBorderWidth:(CGFloat)borderWidth {   
    if (borderWidth < 0) return;
    self.layer.borderWidth = borderWidth;
}
-(CGFloat)borderWidth{
    return self.layer.borderWidth;
}
#pragma mark - 边框颜色
-(void)setBorderColor:(UIColor *)borderColor {  
    self.layer.borderColor = borderColor.CGColor;
}
-(UIColor *)borderColor{
    return self.borderColor;
}
@end

4.最终效果

Paste_Image.png

在StoryBoard中设置圆角,边框宽度等

推荐阅读更多精彩内容