在最近的開發(fā)中經(jīng)常用到時(shí)間軸組件，所以自己封裝了一個(gè)高可定制的時(shí)間軸葬毫，傳送門HLTimeLineView
?1.自定義上下線顏色寬度
?2.自定義節(jié)點(diǎn)顏色题篷、實(shí)心词身、空心
?3.自定義節(jié)點(diǎn)與線的距離
?4.自定義節(jié)點(diǎn)為圖片
?5.支持xib、storyboard
?6.支持CocoaPods導(dǎo)入
演示圖
普通繪制節(jié)點(diǎn).png
圖片節(jié)點(diǎn).png
storyboard.jpg
使用
pod 'HLTimeLineView', '1.0.2'
可選設(shè)置屬性
/// 線顏色番枚，默認(rèn)0xDCE7FF
@property (nonatomic, strong) IBInspectable UIColor *lineColor UI_APPEARANCE_SELECTOR;
/// 線寬度法严，默認(rèn)2
@property (nonatomic, assign) IBInspectable CGFloat lineWidth UI_APPEARANCE_SELECTOR;
/// 節(jié)點(diǎn)背景顏色，默認(rèn)whiteColor
@property (nonatomic, strong) IBInspectable UIColor *nodeBackgroundColor UI_APPEARANCE_SELECTOR;
/// 節(jié)點(diǎn)顏色葫笼，默認(rèn)0x4181FE
@property (nonatomic, strong) IBInspectable UIColor *nodeColor UI_APPEARANCE_SELECTOR;
/// 節(jié)點(diǎn)邊框?qū)挾壬钇。J(rèn)2，如果nodeBorderWidth == 0那么節(jié)點(diǎn)就是實(shí)心圓
@property (nonatomic, assign) IBInspectable CGFloat nodeBorderWidth UI_APPEARANCE_SELECTOR;
/// 節(jié)點(diǎn)頂部距離路星，默認(rèn)10
@property (nonatomic, assign) IBInspectable CGFloat nodeTop;
/// 時(shí)間軸樣式溯街，默認(rèn)HLTimelineViewTypeNone
@property (nonatomic, assign) IBInspectable NSInteger type;
/// 節(jié)點(diǎn)頂部距離線間隙，默認(rèn)0
@property (nonatomic, assign) IBInspectable CGFloat nodeTopSpace UI_APPEARANCE_SELECTOR;
/// 節(jié)點(diǎn)底部距離線間隙，默認(rèn)0
@property (nonatomic, assign) IBInspectable CGFloat nodeBottomSpace UI_APPEARANCE_SELECTOR;
/// 節(jié)點(diǎn)自定義圖片呈昔，默認(rèn)nil
@property (nonatomic, strong) IBInspectable UIImage *nodeImage UI_APPEARANCE_SELECTOR;
如果你覺得封裝的還行访诱，幫忙小星星????支持一下。傳送門HLTimeLineView
