Android 時(shí)間軸的實(shí)現(xiàn)

一.有段時(shí)間沒更了，因?yàn)橐恢痹谒妓?，?yīng)該寫點(diǎn)什么，真的是無比糾結(jié)。這一回，就給大家分享一款簡便好用的，小編自制的土晾時(shí)間軸。
附上XML預(yù)覽圖：

圖片.png

效果圖 注：小黃鴨不是效果哈，是為了保護(hù)個(gè)人隱私P上去的：

圖片.png

1.新建一個(gè)自定義控件：

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="系統(tǒng)"
        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="最新月評(píng)價(jià)："
                    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="最新年評(píng)價(jià)："
                    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="離職評(píng)價(jià)："
                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>

2.使用方式：其實(shí)很簡單，直接for循環(huán)new出來賦值就行啦，因?yàn)楸旧砭褪且粋€(gè)自定義控件~

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

3.適合自己的才是最好的，大家可以根據(jù)自己的情況進(jìn)行修改，也可以查閱更多的資料，以上只是一種實(shí)現(xiàn)的方式，隨手分享，喜歡的朋友可以關(guān)注微信公眾號(hào)MiHomes，后續(xù)會(huì)有更多更好的博客推送給您。

另：歡迎指出不足，會(huì)進(jìn)行更正

末尾：移動(dòng)互聯(lián)&人力資源交流群，可加微信zy666128入群交流。


image.png
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容