Android仿淘宝物流追踪

弄这么一个界面网上大都说加什么时间控件,想想我就好伤心,我懒呀,不想再加那么复杂的东西啊,何况只是显示,没其它作用,搞那么复杂干什么是不是。


Android仿淘宝物流追踪_第1张图片

其实可以各个view的相对位置来实现啊,比如,那个圆点也可以用imageview实现啊,唯一不同的就是竖线的view是穿过灰色的圆view的,大家有没有发现,除了第一个圆点意外的其他圆点,都是在那条水平的分割线下固定高度的位置(我这里好像是10dp)的左侧 ,那我完全可以在这个分割线下方弄一个空的View,那么穿过圆孔的这条竖线不就是在这个空的View的上方,在圆点的下方,并且高度是match,这样,通过一个相对布局,这个时间轴的问题也解决了

RelativeLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="@color/background"

android:orientation="horizontal">

android:id="@+id/v_round"

android:layout_width="@dimen/common_dp_15"

android:layout_height="@dimen/common_dp_15"

android:src="@drawable/dot_gray_shape"/>

android:id="@+id/status_title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_toRightOf="@id/v_round"

android:layout_marginLeft="10dp"

android:text="订单已生成"

android:textColor="@color/black"

android:textSize="14sp"/>

android:id="@+id/status_time"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_marginRight="@dimen/common_dp_10"

android:text="2017-11-30"

android:textSize="10sp"/>

android:id="@+id/status_content"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@id/status_title"

android:layout_marginTop="@dimen/common_dp_10"

android:layout_marginLeft="10dp"

android:layout_marginBottom="@dimen/common_dp_15"

android:layout_toRightOf="@id/v_round"

android:text="订单已生成"

android:textSize="10sp"/>

android:id="@+id/empty_view"

android:layout_width="1dp"

android:layout_height="0.1dp"

android:layout_below="@id/status_content"

android:layout_marginLeft="10dp"/>


android:id="@+id/v_line"

android:layout_width="1dp"

android:layout_height="match_parent"

android:layout_above="@id/empty_view"

android:layout_alignLeft="@id/v_round"

android:layout_below="@id/v_round"

android:layout_marginLeft="7dp"

android:background="@color/background2"/>

RelativeLayout〉

然后在adpter里设置一下最新状态的区别就好了


Android仿淘宝物流追踪_第2张图片

你可能感兴趣的