Android中怎么实现一个简易时间轴

这期内容当中小编将会给大家带来有关Android中怎么实现一个简易时间轴，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

新建一个自定义控件：

public class WorkExcView extends LinearLayout {private TextView dataLeft;private TextView dataRight;private TextView company;private TextView job;private TextView jobAsses;private TextView xiTong;private TextView ziTian;private LinearLayout jobContentContainer;private TextView jobContent;private LinearLayout commentContainer;private LinearLayout nianContentContainer;private TextView nianContent;private LinearLayout base;private LinearLayout yueXinGContainer;private TextView yueContent;private LinearLayout nianXingContainer;private TextView yueMoreContent;private TextView nianMoreContent;private String company_id;public WorkExcView(Context context) {  this(context,null);}public WorkExcView(Context context, AttributeSet attrs) {  super(context, attrs);  init();}private void init() {  View inflate = View.inflate(getContext(), R.layout.activity_four_workexcview, this);  dataLeft = (TextView) inflate.findViewById(R.id.workexcview_data_left);  dataRight= (TextView) inflate.findViewById(R.id.workexcview_data_right);  company = (TextView) inflate.findViewById(R.id.workexcview_company);  job = (TextView) inflate.findViewById(R.id.workexcview_job);  jobAsses = (TextView) inflate.findViewById(R.id.workexcview__job_asses);  xiTong = (TextView) inflate.findViewById(R.id.workexcview_xitong);  ziTian = (TextView) inflate.findViewById(R.id.workexcview_zitian);  jobContent = (TextView) inflate.findViewById(R.id.workexcview_jobcontent);  nianContent = (TextView) inflate.findViewById(R.id.workexcview_niancontent);  jobContentContainer = (LinearLayout)inflate.findViewById(R.id.workexcview_jobcontent_container);  commentContainer = (LinearLayout)inflate.findViewById(R.id.workexcview__comment_container);  nianContentContainer= (LinearLayout)inflate.findViewById(R.id.workexcview__niancontent_container);  base = (LinearLayout)inflate.findViewById(R.id.workexcview__base);  yueXingContainer = (LinearLayout)inflate.findViewById(R.id.workexcview_yuexing_container);  yueContent = (TextView)inflate.findViewById(R.id.workexcview_yuecontent);  nianXingContainer = (LinearLayout)inflate.findViewById(R.id.workexcview_nianxing_container);  yueMoreContent = (TextView)inflate.findViewById(R.id.workexcview_yuecontentmore);  nianMoreContent = (TextView)inflate.findViewById(R.id.workexcview_niancontentmore);}public void initData(final FourBean.JobsBean jobsBean) {   //赋值代码}

XML文件：

<?xml version="1.0" encoding="utf-8"?>    <LinearLayout xmlns:android="Http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"android:id="@+id/workexcview__base"android:paddingLeft="8dp"><RelativeLayout  android:layout_width="match_parent"  android:layout_height="wrap_content">  <ImageView    android:id="@+id/workexcview_landian"    android:layout_width="15dp"    android:layout_height="15dp"    android:layout_centerVertical="true"    android:src="@mipmap/landian" />  <TextView    android:id="@+id/workexcview_data_left"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_centerVertical="true"    android:layout_marginLeft="3Dp"    android:layout_toRightOf="@+id/workexcview_landian"    android:text="2016.03"    android:textColor="@color/text"    android:textSize="15sp" />  <TextView    android:id="@+id/workexcview__data_zhong"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_toRightOf="@id/workexcview_data_left"    android:text=" —— "    android:textColor="@color/text" />  <TextView    android:id="@+id/workexcview_data_right"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_centerVertical="true"    android:layout_toRightOf="@+id/workexcview__data_zhong"    android:text="2016.03"    android:textColor="@color/text"    android:textSize="15sp" />  <TextView    android:id="@+id/workexcview_zitian"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_alignParentRight="true"    android:background="@drawable/four_select"    android:padding="4dp"    android:paddingRight="6dp"    android:text="自填"    android:textColor="@color/red"    android:textSize="12sp"    android:visibility="Gone" />  <!--    <ImageView        android:id="@+id/workexcview_xitong"        android:layout_width="40dp"        android:layout_height="20dp"        android:layout_alignParentRight="true"        android:layout_centerVertical="true"        android:paddingRight="10dp"        android:src="@mipmap/xitong"        android:visibility="gone" />-->  <TextView    android:id="@+id/workexcview_xitong"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_alignParentRight="true"    android:background="@drawable/textview_shape"    android:padding="4dp"    android:paddingRight="6dp"    android:text="系统"    android:textColor="@color/holo_blue_light"    android:textSize="12sp"    android:visibility="gone" />  <RelativeLayout    android:id="@+id/four_setting_workexc_container"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_alignParentRight="true"    android:visibility="gone">    <TextView      android:id="@+id/four_setting_workexc_logo"      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:layout_alignParentRight="true"      android:layout_centerVertical="true"      android:text="编辑"      android:textColor="@android:color/holo_blue_light"      android:textSize="16sp" />    <ImageView      android:layout_width="20dp"      android:layout_height="20dp"      android:layout_centerVertical="true"      android:layout_toLeftOf="@+id/four_setting_workexc_logo"      android:src="@drawable/xierijidianji3x" />  </RelativeLayout></RelativeLayout><LinearLayout  android:layout_width="match_parent"  android:layout_height="wrap_content"  android:orientation="horizontal">  <RelativeLayout    android:layout_width="wrap_content"    android:layout_height="match_parent">    <TextView      android:layout_width="1dp"      android:layout_height="match_parent"      android:layout_marginLeft="7dp"      android:background="@color/black" />  </RelativeLayout>  <LinearLayout    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="vertical">    <RelativeLayout      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:padding="8dp">      <TextView        android:id="@+id/workexcview_company"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerVertical="true"        android:text="某某公司"        android:textColor="@color/text"        android:textSize="14sp" />      <TextView        android:id="@+id/workexcview_company_zhong"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerVertical="true"        android:layout_toRightOf="@id/workexcview_company"        android:text=" / "        android:textColor="@color/text"        android:textSize="14sp" />      <TextView        android:id="@+id/workexcview_job"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerVertical="true"        android:layout_toRightOf="@id/workexcview_company_zhong"        android:text="WEB前段工程师"        android:textColor="@color/text"        android:textSize="14sp" />    </RelativeLayout>    <LinearLayout      android:id="@+id/workexcview_jobcontent_container"      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:layout_marginLeft="5dp"      android:orientation="vertical"      android:padding="8dp">      <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="工作描述："        android:textColor="@color/text" />      <TextView        android:id="@+id/workexcview_jobcontent"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginTop="3dp"        android:text="巴拉巴拉" />    </LinearLayout>    <LinearLayout      android:id="@+id/workexcview__yuecontent_container"      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:layout_marginLeft="5dp"      android:orientation="vertical"      android:padding="8dp"      android:visibility="visible">      <RelativeLayout        android:layout_width="match_parent"        android:layout_height="wrap_content">        <TextView          android:id="@+id/workexcview_yuecontent_logo"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:layout_centerVertical="true"          android:text="最新月评价："          android:textColor="@color/text" />        <LinearLayout          android:layout_centerVertical="true"          android:id="@+id/workexcview_yuexing_container"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:orientation="horizontal"          android:layout_toRightOf="@+id/workexcview_yuecontent_logo"          >        </LinearLayout>        <TextView          android:layout_alignParentRight="true"          android:id="@+id/workexcview_yuecontentmore"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:layout_marginTop="3dp"          android:gravity="center"          android:padding="2dp"          android:layout_centerVertical="true"          android:background="@drawable/textview_shape"          android:text="更多"          android:textColor="@color/blue_title" />      </RelativeLayout>      <TextView        android:id="@+id/workexcview_yuecontent"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginTop="3dp"        android:text="无"        android:textColor="@color/gray" />    </LinearLayout>    <LinearLayout      android:id="@+id/workexcview__niancontent_container"      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:layout_marginLeft="5dp"      android:orientation="vertical"      android:padding="8dp"      android:visibility="visible">      <RelativeLayout        android:layout_width="match_parent"        android:layout_height="wrap_content">        <TextView          android:id="@+id/workexcview_niancontent_logo"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:layout_centerVertical="true"          android:text="最新年评价："          android:textColor="@color/text" />        <LinearLayout          android:layout_centerVertical="true"          android:id="@+id/workexcview_nianxing_container"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:orientation="horizontal"          android:layout_toRightOf="@id/workexcview_niancontent_logo"          >        </LinearLayout>        <TextView          android:id="@+id/workexcview_niancontentmore"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:layout_marginTop="3dp"          android:padding="2dp"          android:layout_centerVertical="true"          android:background="@drawable/textview_shape"          android:text="更多"          android:layout_alignParentRight="true"          android:textColor="@color/blue_title" />      </RelativeLayout>      <TextView        android:id="@+id/workexcview_niancontent"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginTop="3dp"        android:text="无"        android:textColor="@color/gray" />    </LinearLayout>    <LinearLayout      android:id="@+id/workexcview__comment_container"      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:layout_margin="5dp"      android:orientation="vertical"      android:padding="8dp"      android:visibility="visible">      <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="离职评价："        android:textColor="@color/text" />      <TextView        android:id="@+id/workexcview__job_asses"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginTop="3dp"        android:text=""        android:textColor="@color/gray" />    </LinearLayout>  </LinearLayout> </LinearLayout></LinearLayout>

使用方式：其实很简单，直接for循环new出来赋值就行啦，因为本身就是一个自定义控件~

  fourWorkexcContainer.removeAllViews();  for (int i = 0; i < jobs.size(); i++) {    FourBean.JobsBean jobsBean = jobs.get(i);    WorkExcView workExcView = new WorkExcView(getContext());    workExcView.initData(jobsBean);    fourWorkexcContainer.addView(workExcView);  }

上述就是小编为大家分享的Android中怎么实现一个简易时间轴了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注编程网精选频道。