1. 首页
  2. 编程与技术

教你3分钟了解Android 简易时间轴的实现方法

发布于 2017-09-15 23:57:56 | 118 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程，程序狗速度看过来！

Android移动端操作系统

Android是一种基于Linux的自由及开放源代码的操作系统，主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发。尚未有统一中文名称，中国大陆地区较多人使用“安卓”或“安致”。

本篇文章主要介绍了教你3分钟了解Android 简易时间轴的实现方法，具有一定的参考价值，有兴趣的可以了解一下

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

附上XML预览图：


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


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.适合自己的才是最好的，大家可以根据自己的情况进行修改，也可以查阅更多的资料，以上只是一种实现的方式，随手分享。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持PHPERZ。



最新网友评论  共有(0)条评论 发布评论 返回顶部
推荐阅读
  • 终极炫富——2016 年 iOS 开发者收入调查报告
  • 年度大片：Stack Overflow 2017 开发者调查报告发布！
  • 开发者需要大学学位吗？
  • 程序员多大年纪算高龄，届时该何去何从？
  • 2017 年高薪编程语言排行榜，你的语言上榜没？
  • 各编程语言开发者最常使用的按键，中了没?
  • 伤不起的三十岁，干不动的程序员要何去何从？
  • 2016年中国加班最狠IT公司排行
  • 一句话"面试"漫画：黑了苹果、谷歌、三星
  • 拿代码量算 KPI ……跟程序员们来这套？
  • 程序员遇到 Bug 时的 30 个反应，你是哪一种？
  • 2016年收入最高的5个编程语言 Java和C没在前五?
  • 为什么很少见人傻钱多的程序员炫富？
  • 阿里月薪两万是什么体验？
  • 代码缩进时 程序员更喜欢空格键还是Tab键？
    • 最新资讯
  • Python获取系统所有进程PID及进程名称的方法示例
  • Python简单获取网卡名称及其IP地址的方法【基于psutil模块】
  • Python实现的根据IP地址计算子网掩码位数功能示例
  • 好的Python培训机构应该具备哪些条件
  • 详解Pytorch 使用Pytorch拟合多项式(多项式回归)
  • Python加载带有注释的Json文件实例
  • 对python的文件内注释 help注释方法
  • Python实现判断一行代码是否为注释的方法
  • Oracle数据库表中字段顺序的修改方法
  • ASP.NET MVC 4使用PagedList.Mvc分页的实现代码
  • Oracle实例启动时报错：ORA-32004的解决方法
  • 解读ASP.NET 5 & MVC6系列教程（7）：依赖注入
  • 详解IDEA用maven创建springMVC项目和配置
  • ASP.NET MVC5网站开发之展示层架构（五）
  • SpringBoot创建maven多模块项目实战代码
    • 后端技术
    前端技术
    数据库
    热门框架
    常用IDE
    其他
    Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务