iOS OC版时间轴（TimeLine）

时间轴，这个东西很早就听说了，一直没遇到过，昨天朋友项目中要添加这样的功能，也许是因为自己没有接触过这样项目页面，当把这个页面拿到时，对页面的布局功能进行简单的分析处理，其实，时间轴并没有什么难度，简单滴很。下面简单说下流程：
首先平时都是纯代码编写程序，由于朋友那边需要Xib 所以此demo使用Xib编写（纯代码 Xib都很简单，根据自己习惯）

项目运行示例图：（GIF图）

cell.gif

如果你们使用XIb的话，如下所示：

屏幕快照 2017-06-01 14.31.49.png

对于纯代码的话我们只须在自定义Cell中处理

 self.contentView.backgroundColor = [UIColor whiteColor];
    self.point.sd_layout.topSpaceToView(self.contentView, 20).leftSpaceToView(self.contentView, 5).widthIs(8).heightEqualToWidth();
    self.point.sd_cornerRadius = @(4);
 self.GZLine.sd_layout.topEqualToView(self.contentView).centerXEqualToView(self.point).widthIs(1).bottomSpaceToView(self.contentView, 0);    
    self.GZIma.sd_layout.topSpaceToView(self.contentView , 10).leftSpaceToView(self.point, 3).bottomSpaceToView(self.contentView, 10).rightSpaceToView(self.contentView, 10);
    _GZIma.image = [UIImage imageNamed:@"WechatIMG3"];
   
    self.GZIma.image = [self.GZIma.image stretchableImageWithLeftCapWidth:20 topCapHeight:30];
    self.TimeLabel.sd_layout.centerYEqualToView(self.point).leftSpaceToView(self.contentView, 35).rightSpaceToView(self.contentView, 15).heightIs(20);
    self.ContentLabel.sd_layout.topSpaceToView(self.TimeLabel, 15).leftEqualToView(self.TimeLabel).rightSpaceToView(self.contentView, 15).autoHeightRatio(0);

不管是进行纯代码布局还是Xib布局 我们都需要对图片进行处理（Image底层东西， 指定为拉伸模式，伸缩后重新赋值）

屏幕快照 2017-06-01 14.32.11.png

大家如果还有其他什么需求的话可以留言说下，自我提升，demo传送门：下载的麻烦给个Star

大家喜欢的可以帮忙点个赞 ，thanks！