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

  • 在iOS开发中,很多时候我们需要设置圆角,下面就介绍一种用storyBoard开发快速设置圆角的方式,废话不多说,看效果图。
在StoryBoard中设置圆角,边框宽度等_第1张图片
301CBF0A-1C4E-472C-A0B2-CA966D27D1C9.png
  • 1.首先新建一个工程,这里就不多说了,右击New File,


    在StoryBoard中设置圆角,边框宽度等_第2张图片
    63A0E847-6A59-4660-A0BB-65BA46F60774.png

    选择Objective-C File,点击Next


    在StoryBoard中设置圆角,边框宽度等_第3张图片
    CB131990-13DE-41AC-818D-40E1CEBD21E4.png

    File自己取一个名字,File Type选择Category,Class选择UIView,点击Next
    在StoryBoard中设置圆角,边框宽度等_第4张图片
    6A0C484C-D270-4C01-B2C7-7421A5FDE432.png
  • 2.在.h中的实现如下:

#import 
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.最终效果
在StoryBoard中设置圆角,边框宽度等_第5张图片
Paste_Image.png

你可能感兴趣的