html5物流时间轴动画,三分钟实现物流配送页面（时间轴效果）

物流配送页面。主要使用RecycleView实现。通过判断将条目的第一条进行特殊处理。日后复制粘贴备用。效果图如下：

查看物流

可以通过各个view的相对位置来实现啊,比如那一条竖线可以用imageview来实现,那个圆点也可以用imageview实现啊,唯一不同的就是竖线的view是穿过灰色的圆view的,而position为0的竖线是不穿过蓝色的圆view的,这个也有办法搞定,在adapter里面单独处理,设置他们的相对位置!

1. 先做两个shape圆。

一个灰色的一个红色的。(也可以使用图片资源)

红色圆 logistics_shape_circle_red:

android:shape="oval">

android:width="2dp"

android:color="#ff7471" />

灰色圆 shape_circle_logistics_gray:

android:shape="oval">

2. 设置每个条目的布局。

logistics_recycle_item.xml

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

android:id="@+id/tv_time"

android:layout_width="85dp"

android:layout_height="match_parent"

android:layout_marginLeft="14dp"

android:gravity="center"

android:lines="2"

android:text="2016-10-12 08:02:18"

android:textColor="@color/gray9"

android:textSize="16sp" />

android:id&