時間軸,這個東西很早就聽說了,一直沒遇到過,昨天朋友項目中要添加這樣的功能,也許是因為自己沒有接觸過這樣項目頁面,當把這個頁面拿到時,對頁面的布局功能進行簡單的分析處理,其實,時間軸并沒有什么難度,簡單滴很。下面簡單說下流程:
首先平時都是純代碼編寫程序,由于朋友那邊需要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!