Android实现时间轴

昨天群里有讨论时间轴的项目,没有接触过,以为非常吊,研究之后才知道表面都是忽悠人的,使用listview就能实现了,也没有什么新奇的东西

废话少说,直接上图

图片和文字都能够私人订制

没什么好说的,直接上代码吧!相信你能看懂

1.时间轴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"

    >

    <LinearLayout

        android:id="@+id/left"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:orientation="vertical" >

        <View

            android:layout_width="1dp"

            android:layout_height="25dp"

            android:layout_marginLeft="60dp"

            android:background="#A6A6A6" />

        <ImageView

            android:id="@+id/left_imageview"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_marginLeft="50dp"

            android:src="@drawable/medicalcheck2" />

        <View

            android:layout_width="1dp"

            android:layout_height="25dp"

            android:layout_marginLeft="60dp"

            android:background="#A6A6A6" />

    </LinearLayout>

    <LinearLayout

        android:layout_alignLeft="@id/left"

        android:layout_width="match_parent"

        android:layout_height="70dp"

        android:orientation="vertical"

        android:gravity="center"

        android:layout_marginLeft="100dp">

        <TextView

            android:id="@+id/right_textview"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="aaa"/>

    </LinearLayout>

</RelativeLayout>

2.图片和文字的model

package com.sdufe.thea.guo.model;

public class TimeLineModel {

	private int imageview;

	private String text;

	public int getImageview() {

		return imageview;

	}

	public void setImageview(int imageview) {

		this.imageview = imageview;

	}

	public String getText() {

		return text;

	}

	public void setText(String text) {

		this.text = text;

	}

	public TimeLineModel(int imageview, String text) {

		super();

		this.imageview = imageview;

		this.text = text;

	}

}

3时间轴的适配器

package com.sdufe.thea.guo.adapter;

import java.util.List;

import com.sdufe.thea.guo.R;

import com.sdufe.thea.guo.model.TimeLineModel;

import android.content.Context;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.ImageView;

import android.widget.TextView;

public class TimeLineAdapter extends BaseAdapter {

	Context context;

	List<TimeLineModel> list;

	public TimeLineAdapter(Context context, List<TimeLineModel> list) {

		super();

		this.context = context;

		this.list = list;

	}

	@Override

	public int getCount() {

		if (list!=null) {

			return list.size();

		}

		return 0;

	}

	@Override

	public Object getItem(int position) {

		if (list!=null) {

			return list.get(position);

		}

		return null;

	}

	@Override

	public long getItemId(int position) {

		return position;

	}

	@Override

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

		ViewHold hold;

		if (convertView==null) {

			hold=new ViewHold();

			convertView=LayoutInflater.from(context).inflate(R.layout.timeline_item, null);

			convertView.setTag(hold);

		}else {

			hold=(ViewHold) convertView.getTag();

		}

		hold.imageView=(ImageView) convertView.findViewById(R.id.left_imageview);

		hold.show=(TextView) convertView.findViewById(R.id.right_textview);

		hold.imageView.setImageResource(list.get(position).getImageview());

		hold.show.setText(list.get(position).getText());

		return convertView;

	}

	static class ViewHold{

		public TextView show;

		public ImageView imageView;

	}

}

布局中的文件都跟listview的使用一样,也贴一下代码吧,方便你我他

package com.sdufe.thea.guo;

import java.util.ArrayList;

import java.util.List;

import android.app.Activity;

import android.os.Bundle;

import android.view.Menu;

import android.view.Window;

import android.widget.ListView;

import com.sdufe.thea.guo.adapter.TimeLineAdapter;

import com.sdufe.thea.guo.model.TimeLineModel;

public class MainActivity extends Activity {

	private ListView listView;

	private List<TimeLineModel> list;

	private TimeLineAdapter adapter;

	@Override

	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		requestWindowFeature(Window.FEATURE_NO_TITLE);

		setContentView(R.layout.activity_main);

		initData();

		initView();

	}

	private void initView() {

		listView=(ListView) findViewById(R.id.listview);

		adapter=new TimeLineAdapter(this, list);

		listView.setAdapter(adapter);

	}

	private void initData() {

		list=new ArrayList<TimeLineModel>();

		list.add(new TimeLineModel(R.drawable.medicalcheck2, "哈哈"));

		list.add(new TimeLineModel(R.drawable.nurse_visit2, "呵呵"));

		list.add(new TimeLineModel(R.drawable.nursingcareplan2, "嘿嘿"));

		list.add(new TimeLineModel(R.drawable.medicalcheck2, "哈哈"));

		list.add(new TimeLineModel(R.drawable.nurse_visit2, "啦啦"));

		list.add(new TimeLineModel(R.drawable.nursingcareplan2, "咳咳"));

	}

	@Override

	public boolean onCreateOptionsMenu(Menu menu) {

		// Inflate the menu; this adds items to the action bar if it is present.

		getMenuInflater().inflate(R.menu.main, menu);

		return true;

	}

}

ok,代码上完了,不要被非常多app的外表唬住

代码下载地址:http://download.csdn.net/detail/elinavampire/8179393

github下载地址:https://github.com/zimoguo/TimeLineDemo