HLTimeLineView 1.0.3

HLTimeLineView 1.0.3

×

维护者：hcw.

HLTimeLineView 1.0.3

  • 由
  • 黄常翁

HLTimeLineView

iOS 时间轴，也可以在上标和故事板中愉快地使用

✅1.自定义上下线颜色宽度

✅2.自定义节点颜色、实心、空心

✅3.自定义节点与线的距离

✅4.自定义节点为图片

支持使用 CocoaPods 引入，在 Podfile 文件中添加
pod 'HLTimeLineView', '1.0.3'

演示

image image

可设置属性

/// 时间轴方向，默认0
/// 0竖向，1横向
@property (nonatomic, assign) IBInspectable NSInteger direction;
/// 线颜色，默认0xDCE7FF
@property (nonatomic, strong) IBInspectable UIColor *lineColor UI_APPEARANCE_SELECTOR;
/// 前线颜色，默认nil
@property (nonatomic, strong) IBInspectable UIColor *lineAfterColor UI_APPEARANCE_SELECTOR;
/// 后线颜色，默认nil
@property (nonatomic, strong) IBInspectable UIColor *lineBeforeColor UI_APPEARANCE_SELECTOR;
/// 线宽度，默认2
@property (nonatomic, assign) IBInspectable CGFloat lineWidth UI_APPEARANCE_SELECTOR;
/// 节点背景颜色，默认whiteColor
@property (nonatomic, strong) IBInspectable UIColor *nodeBackgroundColor UI_APPEARANCE_SELECTOR;
/// 节点颜色，默认0x4181FE
@property (nonatomic, strong) IBInspectable UIColor *nodeColor UI_APPEARANCE_SELECTOR;
/// 节点边框宽度，默认2，如果nodeBorderWidth == 0那么节点就是实心圆
@property (nonatomic, assign) IBInspectable CGFloat nodeBorderWidth UI_APPEARANCE_SELECTOR;
/// 节点前面距离，默认10
@property (nonatomic, assign) IBInspectable CGFloat nodeAfter;
/// 时间轴样式，默认HLTimelineViewTypeNone
@property (nonatomic, assign) IBInspectable NSInteger type;
/// 节点前面距离线间隙，默认0
@property (nonatomic, assign) IBInspectable CGFloat nodeAfterSpace UI_APPEARANCE_SELECTOR;
/// 节点后面距离线间隙，默认0
@property (nonatomic, assign) IBInspectable CGFloat nodeBeforeSpace UI_APPEARANCE_SELECTOR;
/// 节点自定义图片，默认nil
@property (nonatomic, strong) IBInspectable UIImage *nodeImage UI_APPEARANCE_SELECTOR;

全局设置

如果您在项目中多个地方使用该组件，您可以全局设置样式，例如在 AppDelegate 中添加

[HLTimeLineView appearance].lineColor = [UIColor redColor];

注意：代码 > appearance > interface builder，因此 appearance 设置会覆盖 xib 或 storyboard 中设置的属性，当然代码会覆盖 appearance 设置

需求

iOS 9.0 +, Xcode 7.0 +

版本

  • 1.0.3 :

    支持横向时间轴样式

  • 1.0.2 :

    自定义节点与线的距离

    自定义节点为图片

  • 1.0.1 :

    添加全局设置 HLTimeLineView 样式功能

  • 1.0.0 :

    完成 HLTimeLineView 基础搭建

许可证

HLTimeLineView 可在 MIT 许可证下使用。有关更多信息，请参阅 LICENSE 文件。