Android实现快递物流跟踪布局效果

public class TraceActivity extends AppCompatActivity {  private ListView lvTrace;  private List<Trace> traceList = new ArrayList<>(10);  private TraceListAdapter adapter;  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_trace);    findView();    initData();  }  private void findView() {    lvTrace = (ListView) findViewById(R.id.lvTrace);  }  private void initData() {    // 模拟一些假的数据    traceList.add(new Trace("2016年11月18日 上午12:04:01", "在湖北武汉洪山区光谷公司长江社区便民服务站进行签收扫描，快件已被 已签收 签收"));    traceList.add(new Trace("2016年11月18日 上午11:57:25", "在湖北武汉洪山区光谷公司长江社区便民服务站进行派件扫描；派送业务员：老王；联系电话：17786550311"));    traceList.add(new Trace("2016年11月17日 下午4:43:29", "在湖北武汉洪山区光谷公司进行快件扫描，将发往：湖北武汉洪山区光谷公司长江社区便民服务站"));    traceList.add(new Trace("2016年11月17日 上午9:11:21", "从湖北武汉分拨中心发出，本次转运目的地：湖北武汉洪山区光谷公司"));    traceList.add(new Trace("2016年11月17日 上午1:53:14", "在湖南长沙分拨中心进行装车扫描，即将发往：湖北武汉分拨中心"));    traceList.add(new Trace("2016年11月17日 上午1:50:18", "在分拨中心湖南长沙分拨中心进行称重扫描"));    traceList.add(new Trace("2016年11月16日 上午11:27:58", "在湖南隆回县公司进行到件扫描"));    adapter = new TraceListAdapter(this, traceList);    lvTrace.setAdapter(adapter);  }}

public class TraceListAdapter extends BaseAdapter {  private Context context;  private List<Trace> traceList = new ArrayList<>(1);  private static final int TYPE_TOP = 0x0000;  private static final int TYPE_NORMAL= 0x0001;  public TraceListAdapter(Context context, List<Trace> traceList) {    this.context = context;    this.traceList = traceList;  }  @Override  public int getCount() {    return traceList.size();  }  @Override  public Trace getItem(int position) {    return traceList.get(position);  }  @Override  public long getItemId(int position) {    return position;  }  @Override  public View getView(int position, View convertView, ViewGroup parent) {    ViewHolder holder;    final Trace trace = getItem(position);    if (convertView != null) {      holder = (ViewHolder) convertView.getTag();    } else {      holder = new ViewHolder();      convertView = LayoutInflater.from(context).inflate(R.layout.item_trace, parent, false);      holder.tvAcceptTime = (TextView) convertView.findViewById(R.id.tvAcceptTime);      holder.tvAcceptStation = (TextView) convertView.findViewById(R.id.tvAcceptStation);      holder.tvTopLine = (TextView) convertView.findViewById(R.id.tvTopLine);      holder.tvDot = (TextView) convertView.findViewById(R.id.tvDot);      holder.tv_new = (TextView) convertView.findViewById(R.id.tv_new);      convertView.setTag(holder);    }    if (getItemViewType(position) == TYPE_TOP) {      // 第一行头的竖线不显示      holder.tvTopLine.setVisibility(View.INVISIBLE);      holder.tv_new.setVisibility(View.VISIBLE);      // 字体颜色加深      holder.tvAcceptTime.setTextColor(context.getResources().getColor(R.color.red));      holder.tvAcceptStation.setTextColor(context.getResources().getColor(R.color.red));      holder.tvDot.setBackgroundResource(R.drawable.timelline_dot_secord);    } else if (getItemViewType(position) == TYPE_NORMAL) {      holder.tvTopLine.setVisibility(View.VISIBLE);      holder.tv_new.setVisibility(View.INVISIBLE);      holder.tvAcceptTime.setTextColor(0xff999999);      holder.tvAcceptStation.setTextColor(0xff999999);      holder.tvDot.setBackgroundResource(R.drawable.timelline_dot_first);    }    holder.tvAcceptTime.setText(trace.getAcceptTime());    holder.tvAcceptStation.setText(trace.getAcceptStation());    return convertView;  }  @Override  public int getItemViewType(int id) {    if (id == 0) {      return TYPE_TOP;    }    return TYPE_NORMAL;  }  static class ViewHolder {    public TextView tvAcceptTime, tvAcceptStation;    public TextView tvTopLine, tvDot,tv_new;  }}

public class Trace {  /** 时间 */  private String acceptTime;  /** 描述 */  private String acceptStation;  public Trace() {  }  public Trace(String acceptTime, String acceptStation) {    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;  }}

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:tools="http://schemas.android.com/tools"  android:id="@+id/activity_main"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:orientation="vertical"  android:background="@android:color/white"  tools:context="cc.duduhuo.timelinedemo.TraceActivity">  <ListView    android:id="@+id/lvTrace"    android:layout_width="match_parent"    android:divider="@null"    android:clickable="false"    android:listSelector="@android:color/transparent"    android:dividerHeight="0dp"    android:layout_height="wrap_content" /></LinearLayout>

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:gravity="center"  android:orientation="horizontal">  <RelativeLayout    android:id="@+id/rlTimeline"    android:layout_width="75dp"    android:layout_height="match_parent">    <TextView      android:id="@+id/tvTopLine"      android:layout_width="0.5dp"      android:layout_height="12dp"      android:layout_centerHorizontal="true"      android:background="#999" />    <TextView      android:id="@+id/tvDot"      android:layout_width="5dp"      android:layout_height="5dp"      android:layout_margin="2dp"      android:layout_below="@id/tvTopLine"      android:layout_centerHorizontal="true"      android:background="@drawable/timelline_dot_normal" />    <TextView      android:layout_width="0.5dp"      android:layout_height="match_parent"      android:layout_below="@id/tvDot"      android:layout_centerHorizontal="true"      android:background="#999" />    <TextView      android:id="@+id/tv_new"      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:text="最新"      android:textColor="#ffffff"      android:background="#ff0000"      android:textSize="12sp"      android:layout_marginLeft="3dp"      android:paddingLeft="3dp"      android:paddingRight="3dp"      android:layout_toRightOf="@id/tvDot"      android:layout_below="@id/tvTopLine"      />  </RelativeLayout>  <RelativeLayout    android:id="@+id/rlCenter"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="6dp"    android:paddingRight="10dp"    android:paddingLeft="10dp"    android:paddingTop="6dp">    <TextView      android:id="@+id/tvAcceptTime"      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:text="2014/06/24 20:55:28"      android:textColor="#999"      android:textSize="12sp" />    <TextView      android:id="@+id/tvAcceptStation"      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:layout_below="@id/tvAcceptTime"      android:layout_marginTop="5dp"      android:text="在湖南隆回县公司进行到件扫描"      android:textColor="#999"      android:textSize="12sp" />  </RelativeLayout></LinearLayout>