andriod 仿京東時間軸demo

咱們買東西都會看物流信息的那咱們就要去做一個仿京東物流信息的一個demo
Android仿淘寶京東物流時間軸demo,開發研究後實現，下載後可根據自己的項目需求進行修改，也可以進行參考

模仿淘寶物流信息數據


public class MainActivity extends AppCompatActivity {

    private RecyclerView traceRv; //物流追蹤列表
    private List<Trace> mTraceList; //物流追蹤列表的數據源
    private TraceAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initData();
        initRecyclerView();
    }

    //加載物流信息的數據，這裏是模擬一些假數據
    private void initData() {
        mTraceList = new ArrayList<>();
        mTraceList.add(new Trace(0, "2017年6月18日 上午12:04:01", "在湖北武漢洪山區光谷公司長江社區便民服務站進行簽收掃描，快件已被 已簽收 簽收"));
        mTraceList.add(new Trace(1, "2017年6月18日 上午11:57:25", "在湖北武漢洪山區光谷公司長江社區便民服務站進行派件掃描；派送業務員：老王；聯繫電話：17786550311在湖北武漢洪山區光谷公司長江社區便民服務站進行派件掃描；派送業務員：老王；聯繫電話：17786550311"));
        mTraceList.add(new Trace(1, "2017年6月17日 下午4:43:29", "在湖北武漢洪山區光谷公司進行快件掃描，將發往：湖北武漢洪山區光谷公司長江社區便民服務站"));
        mTraceList.add(new Trace(1, "2017年6月17日 上午9:11:21", "從湖北武漢分撥中心發出，本次轉運目的地：湖北武漢洪山區光谷公司"));
        mTraceList.add(new Trace(1, "2017年6月17日 上午1:53:14", "在湖南長沙分撥中心進行裝車掃描，即將發往：湖北武漢分撥中心"));
        mTraceList.add(new Trace(1, "2017年6月17日 上午1:50:18", "在分撥中心湖南長沙分撥中心進行稱重掃描"));
        mTraceList.add(new Trace(1, "2017年6月16日 上午11:27:58", "在湖南隆回縣公司進行到件掃描"));
    }

    //初始化顯示物流追蹤的RecyclerView
    private void initRecyclerView() {
        traceRv = (RecyclerView) findViewById(R.id.traceRv);
        LinearLayoutManager layoutManager = new LinearLayoutManager(this, OrientationHelper.VERTICAL, false);
        mAdapter = new TraceAdapter(this, mTraceList);
        traceRv.setLayoutManager(layoutManager);
        traceRv.setAdapter(mAdapter);
    }
}

這個類時時追蹤物流


public class Trace {
    private int type; //類型，0：當前位置（最新的一條物流信息），1：歷史記錄
    private String acceptTime; //接收時間
    private String acceptStation; //接收站點和描述

    public Trace() {
    }

    public int getType() {
        return type;
    }

    public void setType(int type) {
        this.type = type;
    }

    public Trace(int type, String acceptTime, String acceptStation) {
        this.type = type;
        this.acceptTime = acceptTime;
        this.acceptStation = acceptStation;
    }

    public String getAcceptTime() {
        return acceptTime;
    }

    public void setAcceptTime(String acceptTime) {
        this.acceptTime = acceptTime;
    }

    public String getAcceptStation() {
        return acceptStation;
    }

    public void setAcceptStation(String acceptStation) {
        this.acceptStation = acceptStation;
    }
}

寫的一個適配器

public class TraceAdapter extends RecyclerView.Adapter<TraceAdapter.TraceViewHolder> {

    private static final int TYPE_CURR = 0; //當前
    private static final int TYPE_NORMAL = 1; //歷史記錄
    private Context mContext;
    private List<Trace> mList;
    private LayoutInflater inflater;

    public TraceAdapter(Context mContext, List<Trace> mList) {
        this.mContext = mContext;
        this.mList = mList;
        inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }

    @Override
    public int getItemCount() {
        return mList.size();
    }

    @Override
    public TraceViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new TraceViewHolder(inflater.inflate(R.layout.item_trace, parent, false));
    }

    @Override
    public void onBindViewHolder(TraceViewHolder holder, int position) {
        //設置相關數據
        Trace trace = mList.get(position);
        int type = trace.getType();
        if (type == TYPE_CURR) {
            holder.acceptStationTv.setTextColor(mContext.getResources().getColor(R.color.color_c03));
            holder.dotIv.setImageResource(R.mipmap.dot_red);
        } else if (type == TYPE_NORMAL) {
            holder.acceptStationTv.setTextColor(mContext.getResources().getColor(R.color.color_6));
            holder.dotIv.setImageResource(R.mipmap.dot_black);
        }
        holder.acceptTimeTv.setText(trace.getAcceptTime());
        holder.acceptStationTv.setText(trace.getAcceptStation());
        if (position == mList.size() - 1) {
            //最後一條數據，隱藏時間軸的豎線和水平的分割線
            holder.timeLineView.setVisibility(View.INVISIBLE);
            holder.dividerLineView.setVisibility(View.INVISIBLE);
        }
    }


    public class TraceViewHolder extends RecyclerView.ViewHolder {

        private TextView acceptTimeTv;  //接收時間
        private TextView acceptStationTv;  //接收地點
        private ImageView dotIv; //當前位置
        private View dividerLineView; //時間軸的豎線
        private View timeLineView; //水平的分割線


        public TraceViewHolder(View itemView) {
            super(itemView);
            acceptTimeTv = (TextView) itemView.findViewById(R.id.accept_time_tv);
            acceptStationTv = (TextView) itemView.findViewById(R.id.accept_station_tv);
            dotIv = (ImageView) itemView.findViewById(R.id.dot_iv);
            dividerLineView = itemView.findViewById(R.id.divider_line_view);
            timeLineView = itemView.findViewById(R.id.time_line_view);
        }
    }
}

佈局

<?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"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#fbfbfb"
        android:orientation="vertical">

        <android.support.v7.widget.Toolbar
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="#000000">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <!--返回鍵-->
                <ImageView
                    android:id="@+id/back_iv"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:scaleType="centerCrop"
                    android:src="@mipmap/fanhui_baise"
                    android:layout_centerVertical="true"
                    android:contentDescription="@null" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:text="物流信息"
                    android:textColor="#ffffff"
                    android:textSize="18sp" />

            </RelativeLayout>
        </android.support.v7.widget.Toolbar>

activity_main佈局 
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="105dp"
            android:background="#ffffff"
            android:paddingEnd="15dp">

            <!--商品主圖-->
            <ImageView
                android:id="@+id/main_pic_iv"
                android:scaleType="centerCrop"
                android:contentDescription="@null"
                android:layout_width="75dp"
                android:layout_height="75dp"
                android:src="@mipmap/main_pic"
                android:layout_centerVertical="true"
                android:layout_marginStart="15dp" />

            <!--物流狀態-->
            <TextView
                android:id="@+id/express_status_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@id/main_pic_iv"
                android:layout_marginStart="10dp"
                android:layout_toEndOf="@id/main_pic_iv"
                android:textColor="#333333"
                android:textSize="15sp"
                android:text="物流狀態:已簽收" />
            <!--快遞公司-->
            <TextView
                android:id="@+id/express_company_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignStart="@id/express_status_tv"
                android:layout_below="@id/express_status_tv"
                android:layout_marginTop="10dp"
                android:textColor="#666666"
                android:textSize="15sp"
                android:text="快遞公司:圓通快遞" />
            <!--快遞單號-->
            <TextView
                android:id="@+id/express_number_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignStart="@id/express_company_tv"
                android:layout_below="@id/express_company_tv"
                android:layout_marginTop="10dp"
                android:textColor="#666666"
                android:textSize="15sp"
                android:text="快遞單號:885043055685770357" />
        </RelativeLayout>

        <!--物流追蹤的列表-->
        <android.support.v7.widget.RecyclerView
            android:id="@+id/traceRv"
            android:layout_width="match_parent"
            android:background="#ffffff"
            android:layout_height="match_parent"
            android:layout_marginTop="10dp"/>

    </LinearLayout>

item_trace的佈局

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#ffffff">

    <ImageView
        android:id="@+id/dot_iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="15dp"
        android:contentDescription="@null"
        android:scaleType="centerCrop"
        android:src="@mipmap/dot_red" />


    <!--快件接收站點-->
    <TextView
        android:id="@+id/accept_station_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@id/dot_iv"
        android:layout_marginEnd="15dp"
        android:layout_marginStart="15dp"
        android:layout_toEndOf="@id/dot_iv"
        android:textColor="#666666"
        android:textSize="14sp"
        tools:text="快件已從杭州中轉部發出" />
    <!--快件接收時間-->
    <TextView
        android:id="@+id/accept_time_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignStart="@id/accept_station_tv"
        android:layout_below="@id/accept_station_tv"
        android:layout_marginEnd="15dp"
        android:layout_marginTop="10dp"
        android:textColor="#999999"
        android:textSize="12sp"
        tools:text="2017-05-15 10:59:04" />

    <!--分割線-->
    <View
        android:id="@+id/divider_line_view"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_alignStart="@id/accept_time_tv"
        android:layout_below="@id/accept_time_tv"
        android:layout_marginBottom="15dp"
        android:layout_marginTop="15dp"
        android:background="#eeeeee" />

    <View
        android:id="@+id/empty_view"
        android:layout_width="1dp"
        android:layout_height="1dp"
        android:layout_below="@id/divider_line_view"
        android:layout_marginStart="15dp" />


    <!--時間軸的豎線-->
    <View
        android:id="@+id/time_line_view"
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:layout_above="@id/empty_view"
        android:layout_alignStart="@id/dot_iv"
        android:layout_below="@id/dot_iv"
        android:layout_marginStart="7dp"
        android:background="#eeeeee" />


</RelativeLayout>

寫好的一個demo 可以去看一下，轉載http://download.csdn.net/download/qq_28374303/9988986#comment

andriod 仿京東時間軸demo

vue項目獲取富文本編輯器wangEditor內容導出爲word（html轉word格式並下載）

dotnet C# 創建 X11 應用時設置窗口背景顏色

Navicat安裝與激活教程

TDengine docker安裝方法

vue3組件通信與props

sapui5

Alpine Linux apk add DNS lookup error

部分JDK版本的發佈時間

工作中用到的腳本合集

合併代碼時Beyond Compare設置

自定義九宮格

andriod 仿京東時間軸demo

angular js 簡單購物車

一個工具類小demo

側滑DrawerLayou的簡單使用

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結