×

iOS时间轴的实现

96
郑明明
2016.07.25 15:03* 字数 257

鉴于在网上不容易找到非常好非常详细的教程,而最近的项目又是用到了这个技术,所以写一篇文章来描述iOS中时间轴的具体实现,希望能对大家有所帮助。

简介:

  1. 主要采用了xib来定制每个cell的时间轴样式
  2. 普通的cell为一种样式,最新的cell为一种样式

效果图:

效果图

实现细节:

  1. segmentLine:灰色的线
  2. circleView:灰色的圈(普通的),蓝色的双层圈(最新的)(双层圈为一个大的圈在下面,一个小的圈在上面,大圈的透明度是小圈的一半)
  3. nameLabel:名字
  4. dateLabel:时间
  5. imageView:是否审核的图片

具体操作:
使用xib去进行自动布局

结束语:
时间轴可以随意定制,通过自己的想象去设置样式,本文的教学比较简单,有不懂的可以在下方留言

Web note ad 1