美文网首页
xib 可视化圆角 边框

xib 可视化圆角 边框

作者: 思绪飘零ing | 来源:发表于2018-08-14 18:14 被阅读0次

其实就是个 集成 类  来让xib的 空间 的 圆角设置 可视化 方便使用 代码如下 #import

IB_DESIGNABLE  // 动态刷新

@interfaceCornerRadiusButton :UIButton

// 注意: 加上IBInspectable就可以可视化显示相关的属性哦

/** 可视化设置边框宽度 */

@property (nonatomic, assign)IBInspectable CGFloat borderWidth;

/** 可视化设置边框颜色 */

@property (nonatomic, strong)IBInspectable UIColor *borderColor;

/** 可视化设置圆角 */

@property (nonatomic, assign)IBInspectable CGFloat cornerRadius;

@end

//注意  最上面的 IB_DESIGNABLE  这个是 动态刷新的 意思 就是让xib 动态显示出来 圆角设置的属性

.m 

#import "CornerRadiusButton.h"

@implementationCornerRadiusButton

/**

 *  设置边框宽度

 *

 *  @param borderWidth 可视化视图传入的值

 */

- (void)setBorderWidth:(CGFloat)borderWidth {

    if(borderWidth <0)return;

    self.layer.borderWidth= borderWidth;

}

/**

 *  设置边框颜色

 *

 *  @param borderColor 可视化视图传入的值

 */

- (void)setBorderColor:(UIColor*)borderColor {

    self.layer.borderColor = borderColor.CGColor;

}

/**

 *  设置圆角

 *

 *  @param cornerRadius 可视化视图传入的值

 */

- (void)setCornerRadius:(CGFloat)cornerRadius {

    self.layer.cornerRadius= cornerRadius;

    self.layer.masksToBounds= cornerRadius >0;

}

/*

// Only override drawRect: if you perform custom drawing.

// An empty implementation adversely affects performance during animation.

- (void)drawRect:(CGRect)rect {

    // Drawing code

}

*/

@end

.m 就是重写set方法 复制就好 这样 你在xib 创建btn的时候 集成于这个 button  就可以看到 圆角了

很实用的东西 如果你喜欢 用xib编程

相关文章

  • xib 可视化圆角 边框

    其实就是个 集成 类 来让xib的 空间 的 圆角设置 可视化 方便使用 代码如下#import IB_DESIG...

  • xib设置圆角,边框

    在开发中,经常会用到一些圆角效果,或者边框效果,经常用的方法是通过代码直接去设置,比较方便快捷;但是当我们通过 X...

  • 直接在IB上设置控件圆角边框

    直接在IB界面设置圆角边框颜色 运行结果 可以看到直接在xib中属性设置的圆角边框成功啦! 贴一下代码.h 贴一下...

  • Xib设置圆角边框属性

    最近开发中需要使用Xib开发,开发过程中涉及到给UIView设置圆角边框记录一下。 方法一(代码) 也可以设置一个...

  • xib添加属性(圆角、边框)

    圆角layer.masksToBounds Booleanlayer.cornerRadius s...

  • CSS边框圆角--跟着李南江学编程

    1.什么是边框圆角? 就是把矩形边框变成圆角边框,就叫做边框圆角。 2.设置边框圆角的格式 2.1 border-...

  • 25.边框圆角渐变

    边框 什么是边框圆角?将直角的边框变为圆角的边框 边框圆角的格式?border-radius: 左上 右上 右下 ...

  • Flutter-Border

    边框(Border) 单侧边框 全部边框 圆角(borderRadius) 全部圆角 单侧圆角 阴影(BoxSha...

  • Image

    直接圆角图片 设置圆角图片度数 设置圆角图片带灰色圆角边框 设置圆角图片带灰色圆角边框带阴影

  • ios中使用storyboard或者Xib给View设置边框属性

    ios中使用storyboard或者Xib给View设置边框属性(颜色,宽度,圆角)很多技术人员习惯于用纯代码设置...

网友评论

      本文标题:xib 可视化圆角 边框

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