自定义控件Android

android实现以下时间轴物流布局

2020-08-27  本文已影响0人  hao_developer
image.png
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <RelativeLayout
        android:id="@+id/llLeftLay"
        android:layout_width="wrap_content"
        android:layout_height="match_parent">

        <ImageView
            android:id="@+id/circleView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:src="@mipmap/log_hui_shape" />

        <TextView
            android:id="@+id/lineView"
            android:layout_width="@dimen/dp_1"
            android:layout_height="@dimen/dp_0"
            android:layout_below="@+id/circleView"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:background="@color/hui_ffdd" />

    </RelativeLayout>

    <LinearLayout
        android:id="@+id/llRightLay"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="@dimen/dp_24"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="派送中"
            android:textColor="@color/hui_ff3"
            android:textSize="@dimen/sp_16" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/dp_10"
            android:text="快件已到达深圳宝安区宝安中心快件已到达深圳宝安区宝安中心快件已到达深圳宝安区宝安中心快件已到达深圳宝安区宝安中心快件已到达深圳宝安区宝安中心快件已到达深圳宝安区宝安中心快件已到达深圳宝安区宝安中心快件已到达深圳宝安区宝安中心快件已到达深圳宝安区宝安中心快件已到达深圳宝安区宝安中心"
            android:textColor="@color/hui_ff9"
            android:textSize="@dimen/sp_15" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/dp_10"
            android:text="2020-08-22 10:34:04"
            android:textColor="@color/hui_ff9"
            android:textSize="@dimen/sp_16" />

    </LinearLayout>

</LinearLayout>

\color{red}{使用线性布局,排列方式使用横向布局就可以了}

上一篇 下一篇

猜你喜欢

热点阅读