教你3分钟了解Android 简易时间轴的实现方法
发布时间 - 2026-01-11 02:34:55 点击率:次一.有段时间没更了,因为一直在思索,应该写点什么,真的是无比纠结。这一回,就给大家分享一款简便好用的,小编自制的土晾时间轴。

附上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.适合自己的才是最好的,大家可以根据自己的情况进行修改,也可以查阅更多的资料,以上只是一种实现的方式,随手分享。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# Android
# 时间轴
# 实现时间轴
# android自定义控件实现简易时间轴(2)
# Android recyclerview实现纵向虚线时间轴的示例代码
# Android自定义控件实现时间轴
# Android使用自定义View实现横行时间轴效果
# Android自定义view仿淘宝快递物流信息时间轴
# Android实现快递物流时间轴效果
# Android实现列表时间轴
# Android自定义指示器时间轴效果实例代码详解
# Android自定义View实现垂直时间轴布局
# android自定义控件实现简易时间轴(1)
# 自己的
# 自定义
# 巴拉
# 的是
# 最好的
# 才是
# 就行
# 好用
# 可以根据
# 就给
# 小编
# 大家多多
# 新建一个
# 写点
# 个人隐私
# 其实很简单
# 小黄
# 是为了
# 新年
# init
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
郑州企业网站制作公司,郑州招聘网站有哪些?
Laravel如何使用Livewire构建动态组件?(入门代码)
python中快速进行多个字符替换的方法小结
魔毅自助建站系统:模板定制与SEO优化一键生成指南
如何注册花生壳免费域名并搭建个人网站?
微信小程序 配置文件详细介绍
济南网站建设制作公司,室内设计网站一般都有哪些功能?
Laravel Pest测试框架怎么用_从PHPUnit转向Pest的Laravel测试教程
如何快速查询域名建站关键信息?
Linux网络带宽限制_tc配置实践解析【教程】
Laravel怎么实现一对多关联查询_Laravel Eloquent模型关系定义与预加载【实战】
HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】
Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理
百度输入法全感官ai怎么关 百度输入法全感官皮肤关闭
浅谈javascript alert和confirm的美化
中国移动官方网站首页入口 中国移动官网网页登录
Laravel Blade组件怎么用_Laravel可复用视图组件的创建与使用
phpredis提高消息队列的实时性方法(推荐)
Laravel怎么进行浏览器测试_Laravel Dusk自动化浏览器测试入门
Microsoft Edge如何解决网页加载问题 Edge浏览器加载问题修复
Laravel怎么实现微信登录_Laravel Socialite第三方登录集成
如何实现建站之星域名转发设置?
公司门户网站制作流程,华为官网怎么做?
Win11任务栏卡死怎么办 Windows11任务栏无反应解决方法【教程】
Laravel中DTO是什么概念_在Laravel项目中使用数据传输对象(DTO)
如何在阿里云高效完成企业建站全流程?
Java类加载基本过程详细介绍
打造顶配客厅影院,这份100寸电视推荐名单请查收
如何在阿里云ECS服务器部署织梦CMS网站?
Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理
如何快速选择适合个人网站的云服务器配置?
如何获取PHP WAP自助建站系统源码?
音乐网站服务器如何优化API响应速度?
原生JS实现图片轮播切换效果
如何生成腾讯云建站专用兑换码?
Laravel如何使用.env文件管理环境变量?(最佳实践)
laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法
制作无缝贴图网站有哪些,3dmax无缝贴图怎么调?
简单实现Android验证码
在线教育网站制作平台,山西立德教育官网?
iOS发送验证码倒计时应用
Laravel如何创建自定义中间件?(Middleware代码示例)
国美网站制作流程,国美电器蒸汽鍋怎么用官方网站?
网站建设整体流程解析,建站其实很容易!
制作旅游网站html,怎样注册旅游网站?
网站建设要注意的标准 促进网站用户好感度!
Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】
Laravel如何使用Service Provider注册服务_Laravel服务提供者配置与加载
如何用PHP快速搭建CMS系统?
微信小程序 闭包写法详细介绍

