Android仿淘宝物流追踪

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


其实可以各个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里设置一下最新状态的区别就好了


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容