美文网首页
在StoryBoard中设置圆角,边框宽度等

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

作者: yyyyw | 来源:发表于2016-07-18 15:40 被阅读62次
    • 在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中设置圆角,边框宽度等

          本文链接:https://www.haomeiwen.com/subject/eygpjttx.html