iOS------自定义方向设置单边borderLayer

741 阅读2分钟

2017年由于换了工作地点,一直处于一个忙碌的状态,好久也没有更新相关博客了,但也时刻关注着掘金等优秀论坛的文章,毕竟学习是不能停止的。

前几天本来是想项目中偷个懒,想通过layerBorder的形式追加一个lineView,在网上找到了几个开发者前辈编写的工具类,但都是基于原有的frame进行设置,在习惯使用AutoLayout的开发者面前就显得不是很友好。

于是就花了点时间自己封装了一个类别UIView+RITLBorder.

最近也一直在维护一个叫做RITLKit的工具库,算是自己工作的一个总结,正在努力的扩充以及修复,也欢迎支持,感谢。

///支持pod
pod 'UIView+RITLBorders'

如果对你有帮助,欢迎Star支持,如果有问题,也欢迎提出Issues

// 后期考虑追加的内容
- 渐变色边缘 
- 圆角控制
  • DEMO中使用了storyboard布局,算是适配了AutoLayout.

效果图

  • 思路比较简单,使用swizzled交换ViewlayoutSubviews方法,完成对四周layer位置的调整.

实现效果图效果的代码如下:

    [self.left ritl_addBorderWithColor:UIColor.blackColor BodrerWidth:2 direction:RITLBorderDirectionLeft];
    [self.top ritl_addBorderWithColor:UIColor.orangeColor BodrerWidth:2 direction:RITLBorderDirectionTop];
    [self.right ritl_addBorderWithColor:UIColor.greenColor BodrerWidth:2 direction:RITLBorderDirectionRight];
    [self.bottom ritl_addBorderWithColor:UIColor.yellowColor BodrerWidth:2 direction:RITLBorderDirectionBottom];
    
    
    #pragma mark -
    [self.leftRight ritl_addBorderWithColor:UIColor.cyanColor BodrerWidth:2 direction:RITLBorderDirectionLeft|RITLBorderDirectionRight];
    
    [self.topBottom ritl_addBorderWithColor:UIColor.purpleColor BodrerWidth:2 direction:RITLBorderDirectionTop|RITLBorderDirectionBottom];

    [self.custom ritl_addBorderWithColor:UIColor.orangeColor BodrerWidth:1.5 direction:RITLBorderDirectionLeft];
    [self.custom ritl_addBorderWithColor:UIColor.blueColor BodrerWidth:1 direction:RITLBorderDirectionTop];
    [self.custom ritl_addBorderWithColor:UIColor.redColor BodrerWidth:2 direction:RITLBorderDirectionBottom];

开放的接口如下:

/// 提供了一些比较通用的对外方法
/// 单边设置border
@interface UIView (RITLBorder)

#pragma mark - 追加边框,使用默认前请优先设置默认使用的属性

/// 使用layer的borderWidth统一设置
- (void)ritl_addBorderWithInset:(UIEdgeInsets)inset
                          Color:(UIColor *)borderColor
                      direction:(RITLBorderDirection)directions;

/// 使用layer的borderColor统一设置
- (void)ritl_addBorderWithInset:(UIEdgeInsets)inset
                     BorderWidth:(CGFloat)borderWidth
                      direction:(RITLBorderDirection)directions;


/// 各项的间距为UIEdgeInsetsZero
- (void)ritl_addBorderWithColor:(UIColor *)borderColor
                     BodrerWidth:(CGFloat)borderWidth
                      direction:(RITLBorderDirection)directions;

/// 自定义的layer设置
- (void)ritl_addBorderWithInset:(UIEdgeInsets)inset
                          Color:(UIColor *)borderColor
                     BorderWidth:(CGFloat)borderWidth
                      direction:(RITLBorderDirection)directions;

/// 移除当前边框
- (void)ritl_removeBorders:(RITLBorderDirection)directions;

/// 移除所有追加的边框
- (void)ritl_removeAllBorders;

@end