Android 时间轴的实现

直接上代码

xml布局：

<?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="wrap_content">

        <View
            android:id="@+id/iew_1"
            android:layout_width="1dp"
            android:layout_height="0dp"
            android:layout_marginLeft="41dp"
            android:background="@color/light_gray" />

        <RelativeLayout
            android:id="@+id/rl_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

                <ImageView
                    android:layout_width="20dp"
                    android:layout_height="20dp"
                    android:layout_centerVertical="true"
                    android:layout_marginLeft="32dp"
                    android:background="@mipmap/yuan" />
        </RelativeLayout>

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/iew_1"
            android:paddingBottom="20dp"
            android:layout_marginLeft="55dp"
            android:lineSpacingMultiplier="1.5"
            android:textColor="#A6A6A6" />

        <View
            android:id="@+id/v_line"
            android:layout_width="1dp"
            android:layout_height="wrap_content"
            android:layout_below="@+id/rl_title"
            android:layout_marginLeft="41dp"
            android:background="@color/light_gray" />
</RelativeLayout>      

两个View实现的是与圆圈上下的两根竖线，       
ImageView实现就是圆圈      
   

activity代码：      

package app.view.home.insertclass;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.RelativeLayout;
import android.widget.TextView;

import org.xutils.view.annotation.ContentView;
import org.xutils.view.annotation.ViewInject;
import org.xutils.x;

import app.R;

/**
 * Created by sch on 2016/9/27.
 */
@ContentView(R.layout.insert_class_catalog_group_content)
public class ICCGroupContentAdapter extends BaseAdapter {
    Context context;
    private LayoutInflater inflater;
    @ViewInject(R.id.title)
    private TextView textView;
    @ViewInject(R.id.v_line)
    private View line;
    private View view;
    private String[] title = {
            "只手上飞机是克服了收款方sdfsafjaslfjlasdjlfjlsadjfladslfjldsajfldslfjldsfslafjlsjfpwelfmdslfjsflaslfjlasf式",
            "只手上飞机是克服了收款方sadfkasfnl式只",
            "回头啊，莫回头！曾经谁都曾回望自己的过去，但我从不曾想回头，是女孩也该向前进，找到更好的你自己，",
            "　FB上面有一个视频，名字叫做Alwayslikeagirl。视频里采访了不同年龄段的人，有小男孩，也有女青年",
            "有一些姑娘，既能够画着淡妆，踩着小高跟，花枝招展，巧笑嫣然地出现在人前；也能够穿着旧T恤和短裤，连一口水都没时间喝却一句怨言都没有。"
    };

    public ICCGroupContentAdapter(Context context) {
        this.context = context;
    }

    @Override
    public int getCount() {
        return title.length;
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        inflater = LayoutInflater.from(parent.getContext());
        View root = x.view().inject(this, inflater, parent);
        RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) line.getLayoutParams();
        params.addRule(RelativeLayout.ALIGN_BOTTOM, R.id.rl_title);
        params.addRule(RelativeLayout.ALIGN_BOTTOM, R.id.title);

        line.setLayoutParams(params);
        textView.setText(title[position]);
        return root;
    }
}
      
   

代码解释：      

RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) line.getLayoutParams();
        params.addRule(RelativeLayout.ALIGN_BOTTOM, R.id.rl_title);
        params.addRule(RelativeLayout.ALIGN_BOTTOM, R.id.title);

        line.setLayoutParams(params);      
        
这一部分代码是设置圆圈下面的竖线的高度，使其自适应高度