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;}@Overridepublic int getCount() {if (list!=null) {return list.size();}return 0;}@Overridepublic Object getItem(int position) {if (list!=null) {return list.get(position);}return null;}@Overridepublic long getItemId(int position) {return position;}@Overridepublic 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;@Overrideprotected 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, "咳咳"));}@Overridepublic 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