Android仿快递 物流时间轴 的代码实现

首先，这篇参考了别人的代码。根据自己的项目需求简单改造了一下，效果图如下

xml：代码

 <?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:orientation="vertical" >  

     <ListView
         android:id="@+id/lv_list"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:cacheColorHint="@null"
         android:divider="@null" >
     </ListView>  

 </LinearLayout>  

接下来是Activity，准备数据就好了

 public class TimeLineTextActivity extends Activity{  

     private ListView listView;
     private TimeLineAdapter adapter;  

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         // TODO Auto-generated method stub
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);  

         listView=(ListView) findViewById(R.id.lv_list);
         listView.setDividerHeight(0);
         adapter = new TimeLineAdapter(this, initData());
         listView.setAdapter(adapter);  

     }  

     private List<Map<String, Object>> initData() {
         List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();    

         Map<String, Object> map = new HashMap<String, Object>();
         map.put("title", "提交已完成......");
         map.put("time", "2015-10-22  14:00:00");
         list.add(map);  

         map = new HashMap<String, Object>();
         map.put("title", "正在审核中......");
         map.put("time", "2015-10-22  15:00:00");
         list.add(map);  

         map = new HashMap<String, Object>();
         map.put("title", "客服将会给您打电话......");
         map.put("time", "2015-10-22  16:00:00");
         list.add(map);  

         map = new HashMap<String, Object>();
         map.put("title", "订单已完成");
         map.put("time", "2015-10-22  17:00:00");
         list.add(map);  

         return list;  

     }  

 }  

Adapter：

 public class TimeLineAdapter extends BaseAdapter {
     private Context context;
     private List<Map<String,Object>> list;
      private LayoutInflater inflater;    

      public TimeLineAdapter(Context context, List<Map<String, Object>> list) {
             super();
             this.context = context;
             this.list = list;
         }    

     @Override
     public int getCount() {
         // TODO Auto-generated method stub
         return list.size();
     }  

     @Override
     public Object getItem(int position) {
         // TODO Auto-generated method stub
         return position;
     }  

     @Override
     public long getItemId(int position) {
         // TODO Auto-generated method stub
         return position;
     }  

     @Override
     public View getView(int position, View convertView, ViewGroup parent) {
         // TODO Auto-generated method stub
         TimeLineHolder viewHolder = null;
         if (convertView == null) {
             inflater = LayoutInflater.from(parent.getContext());
             convertView = inflater.inflate(R.layout.itemtimeline2, null);
             viewHolder = new TimeLineHolder();    

             viewHolder.title = (TextView) convertView.findViewById(R.id.title);
             viewHolder.time = (TextView) convertView.findViewById(R.id.time);
             convertView.setTag(viewHolder);
         } else {
             viewHolder = (TimeLineHolder) convertView.getTag();
         }    

         String titleStr = list.get(position).get("title").toString();    

         viewHolder.title.setText(titleStr);    

         return convertView;    

     }  

     static class TimeLineHolder{
         private TextView title,time;
     }  

 }

每一个item的布局：

 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical" >  

      <View
         android:id="@+id/view_0"
         android:layout_width="1dp"
         android:layout_height="25dp"
         android:layout_below="@+id/layout_1"
         android:layout_marginLeft="40dp"
         android:background="#A6A6A6" />
     <ImageView
         android:id="@+id/image"
         android:layout_width="15dp"
         android:layout_height="15dp"
         android:layout_below="@+id/view_0"
         android:layout_marginLeft="33dp"
         android:src="@drawable/timeline_green" />
     <View
         android:id="@+id/view_2"
         android:layout_width="1dp"
         android:layout_height="50dp"
         android:layout_below="@+id/image"
         android:layout_marginLeft="40dp"
         android:background="#A6A6A6" />  

     <View
         android:id="@+id/view_4"
         android:layout_width="match_parent"
         android:layout_height="1dp"
         android:layout_alignBottom="@+id/view_2"
         android:layout_marginLeft="55dp"
         android:layout_marginRight="15dp"
         android:background="#A6A6A6" />  

         <RelativeLayout
         android:id="@+id/relative"
         android:layout_width="fill_parent"
         android:layout_height="match_parent"
         android:layout_margin="10dp"
         android:layout_toRightOf="@+id/view_0"
         android:layout_alignBottom="@+id/view_4"
         android:padding="5dp"
         android:orientation="vertical" >    

         <TextView
             android:id="@+id/title"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:ellipsize="end"
             android:layout_marginTop="8dp"
             android:maxEms="7"
             android:paddingLeft="5dp"
             android:singleLine="true"
             android:text="需求提交成功"
             android:textSize="16sp" />
         <TextView
             android:id="@+id/time"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:ellipsize="end"
             android:layout_below="@+id/title"
             android:layout_marginTop="15dp"
             android:maxEms="7"
             android:paddingLeft="5dp"
             android:singleLine="true"
             android:text="2015-9-28"
             android:textSize="14sp" />    

     </RelativeLayout>    

 </RelativeLayout> 

不看、不学不知道，原来这个东西看起来复杂，实际上挺简单的，就是一个ListView，希望对大家有帮助！