android 简易时间轴(实质是ListView)

ListView的应用

1.在很多时候是要用到时间轴的，有些处理的时间轴比较复杂，这里就给出一个比较简单的时间轴，其实就是ListView里面的Item的设计。

直接上代码：

ListView，item的xml文件-->time_item.xml

<?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:background="#ffffff" >

    <View
        android:id="@+id/top_line"
        android:layout_width="2dp"
        android:layout_height="35dp"
        android:layout_marginLeft="50dp"
        android:background="@color/gray" />

    <ImageView
        android:id="@+id/img_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/top_line"
        android:layout_marginLeft="40dp"
        android:src="@drawable/timeline_green" />

    <TextView
        android:id="@+id/tv_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/top_line"
        android:layout_marginLeft="10dp"
        android:text="时间" />

    <View
        android:id="@+id/bottom_line"
        android:layout_width="2dp"
        android:layout_height="50dp"
        android:layout_below="@id/img_icon"
        android:layout_marginLeft="50dp"
        android:background="@color/gray" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/top_line"
        android:layout_marginLeft="65dp"
        android:background="@drawable/timeline_content"
        android:orientation="horizontal" >

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />

        <TextView
            android:id="@+id/tv_content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:text="所包含的内容" />
    </LinearLayout>

</RelativeLayout>

ListView的适配器：

　　TimeAxisAdapter

　　

public class TimeAxisAdapter extends BaseAdapter {

    private List<HashMap<String, Object>> list;

    private Context context;

    private static class ViewHolder {
        private TextView tvContent;
    }

    public TimeAxisAdapter(Context context, List<HashMap<String, Object>> list) {
        this.context = context;
        this.list = list;
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        ViewHolder viewHolder = null;

        if (convertView == null) {
            viewHolder = new ViewHolder();
            convertView = LayoutInflater.from(context).inflate(
                    R.layout.time_item, null);
            viewHolder.tvContent = (TextView) convertView
                    .findViewById(R.id.tv_content);

            viewHolder.tvContent.setText(list.get(position).get("content")
                    .toString());
            convertView.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) convertView.getTag();

        }
        return convertView;
    }
}

MainActivity.java

public class MainActivity extends Activity {

    private ListView listView;

    private TimeAxisAdapter mTimeAxisAdapter;

    private List<HashMap<String, Object>> list;

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

    private void initView() {
        listView = (ListView) findViewById(R.id.listView);
        listView.setDividerHeight(0);
        mTimeAxisAdapter = new TimeAxisAdapter(this, getList());
        listView.setAdapter(mTimeAxisAdapter);

    }

    public List<HashMap<String, Object>> getList() {
        List<HashMap<String, Object>> listChild = new ArrayList<HashMap<String, Object>>();
        HashMap<String, Object> map = new HashMap<String, Object>();
        map.put("content", "111111111111111111");
        listChild.add(map);
        HashMap<String, Object> map1 = new HashMap<String, Object>();
        map1.put("content", "2222222222222");
        listChild.add(map1);
        HashMap<String, Object> map2 = new HashMap<String, Object>();
        map2.put("content", "333333333333333333");
        listChild.add(map2);
        HashMap<String, Object> map3 = new HashMap<String, Object>();
        map3.put("content", "444444444444444444");
        listChild.add(map3);
        HashMap<String, Object> map4 = new HashMap<String, Object>();
        map4.put("content", "5555555555555555");
        listChild.add(map4);
        HashMap<String, Object> map5 = new HashMap<String, Object>();
        map5.put("content", "66666666666");
        listChild.add(map5);
        return listChild;
    }

}

MainActivity的xml文件：

　　

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </ListView>

</LinearLayout>

运行后的效果图:

 

源码地址