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" />

</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:text="aaa"/>

</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的外表唬住