Android 时间轴的实现

一.有段时间没更了，因为一直在思索，应该写点什么，真的是无比纠结。这一回，就给大家分享一款简便好用的，小编自制的土晾时间轴。
附上XML预览图：

图片.png

效果图注：小黄鸭不是效果哈，是为了保护个人隐私P上去的：

图片.png

1.新建一个自定义控件：

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>

2.使用方式：其实很简单，直接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);
    }

3.适合自己的才是最好的，大家可以根据自己的情况进行修改，也可以查阅更多的资料，以上只是一种实现的方式，随手分享，喜欢的朋友可以关注微信公众号MiHomes，后续会有更多更好的博客推送给您。

另：欢迎指出不足，会进行更正

末尾：移动互联&人力资源交流群，可加微信zy666128入群交流。

image.png

最后编辑于：2018.05.15 15:42:24

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 206,482评论 6赞 481
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 88,377评论 2赞 382
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 152,762评论 0赞 342
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 55,273评论 1赞 279
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 64,289评论 5赞 373
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 49,046评论 1赞 285
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 38,351评论 3赞 400
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 36,988评论 0赞 259
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 43,476评论 1赞 300
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 35,948评论 2赞 324
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 38,064评论 1赞 333
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 33,712评论 4赞 323
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 39,261评论 3赞 307
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 30,264评论 0赞 19
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 31,486评论 1赞 262
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 45,511评论 2赞 354
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 42,802评论 2赞 345

Android 时间轴的实现

推荐阅读更多精彩内容