先上效果图
图片有点大我就不管了 。。。
时间轴我也是第一次写,其实就是一个ListView ,在item布局中做文章,竖的时间轴用点9图片或者用View 写个占全部高度的颜色线 ,下面献上我的布局代码
<?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">
<TextView
android:id="@+id/date"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="03/07"
android:textStyle="bold"
android:textSize="18dp"
android:layout_marginTop="10dp"
android:layout_marginRight="10dp"
android:layout_marginLeft="20dp"/>
<TextView
android:id="@+id/time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@id/date"
android:layout_below="@id/date"
android:text="17:23:12"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_toRightOf="@id/date"
android:src="@drawable/time_2"
android:id="@+id/time2"
android:background="#60a4ea"
android:scaleType="fitXY"
android:layout_marginLeft="4.5dp"/>
<ImageView
android:id="@+id/time3"
android:layout_width="11dp"
android:layout_height="11dp"
android:src="@mipmap/time_3"
android:layout_alignBottom="@+id/date"
android:layout_toRightOf="@id/date"/>
<LinearLayout
android:layout_width="260dp"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_toRightOf="@id/time3"
android:layout_alignTop="@id/date"
android:background="@mipmap/time_4">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:paddingLeft="10dp"
android:text="文书登记"/>
<TextView
android:id="@+id/tijao"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@mipmap/time_5"
android:layout_alignParentRight="true"
android:textColor="@color/whilte"
android:layout_centerVertical="true"
android:text="提交"
android:textSize="10sp"
android:gravity="center"
android:layout_margin="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@mipmap/time_6"
android:textColor="@color/whilte"
android:layout_toLeftOf="@id/tijao"
android:layout_centerVertical="true"
android:textSize="10sp"
android:gravity="center"
android:text="完成"/>
</RelativeLayout>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_marginLeft="6dp"
android:background="@color/gray"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="李东(LIDONG)"
android:layout_margin="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="李东(LIDONG)"
android:layout_margin="10dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="李东(LIDONG)"
android:layout_margin="10dp"/>
</LinearLayout>
</RelativeLayout>
下面是ListView 代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
android:id="@+id/lc_listview"
android:divider="#00000000"
android:dividerHeight="0dip"
android:layout_width="match_parent"
android:layout_height="match_parent">
</ListView>
</LinearLayout>
让后就是渲染数据java代码(我并没有渲染数据,都是写死的)
//初始化视图
private void initView() {
mView = View.inflate(context, R.layout.dblcxq_view,null);
listView = (ListView) mView.findViewById(R.id.lc_listview);
initData();
listView.setAdapter(new LcxqAdapter(datas,context));
//这里调用了测量ListView 高度的方法
ListViewUtils.setListViewHeightBasedOnChildren(listView);
}
//初始化数据源
private void initData() {
datas = new ArrayList();
datas.add(1);
datas.add(1);
datas.add(1);
datas.add(1);
datas.add(1);
}
适配器代码:
public class LcxqAdapter extends BaseViewAdapter{
public LcxqAdapter(List list, Context context) {
super(list, context);
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
return View.inflate(context, R.layout.dblcxq_view_item, null);
}
}