Question

android 时间轴怎么实现的

Answer 1

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

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"
  android:orientation="vertical" >

  <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;
  }

}

Answer 2

ListView 就可以实现。每一个时间点可以看成一个item，如果要横向的话可以用RecyclerView。然后就是提出相同的布局写成Item即可。

Answer 3

如果很多的话，可以用ListView实现，item视图最好用LinearLayout,RelativeLayout有点问题（亲测过）