Android实现时间轴

mync 7年前

昨天群里有讨论时间轴的项目,没有接触过,以为很吊,研究之后才知道表面都是忽悠人的,使用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