使用 RecyclerView 实现简单时间轴

最新推荐文章于 2024-07-27 04:32:42 发布

逆雪残阳

最新推荐文章于 2024-07-27 04:32:42 发布

阅读量1.2k

点赞数

分类专栏：控件实战文章标签：控件时间轴 recyclerview

本文链接：https://blog.csdn.net/wodexiongdizdp/article/details/78154411

版权

本文介绍了如何使用RecyclerView创建一个简单的时间轴。通过分析时间轴的组成元素——点、线，作者提供了Adapter的Item代码，并利用BaseRecyclerViewAdapterHelper简化操作。在Adapter中，根据timeAxis实体类的Position确定开头、中间和结尾的线条显示。最终，通过在Activity配置RecyclerView，成功实现了时间轴的效果。

摘要由CSDN通过智能技术生成

使用 RecyclerView 实现简单时间轴

前一段时间在公司中有个项目用到了 时间轴 这种形式的控件，我的第一反应就是去找 demo，但是想想好像并不是很复杂，所以开始着手自己写一个，现在算是搞定了一个简单的时间轴，现在记录一下：

先来上一张图，看看效果：

timeAxis

贴上这么一张图，主要还是不会做 GIF 动图，所以只能放一张半图~~~~(>_<)~~~~

时间轴这个东西，说透了，主要是中间的点点还有开始、中间、结束三条线的绘制。

然后开始直接上代码，首先是 RecyclerView 中 Adapter 的 Item 代码：

<?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="wrap_content"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageView
            android:id="@+id/construction_detail_iv_circular"
            android:layout_width="26dp"
            android:layout_height="26dp"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="10dp"
            android:src="@drawable/construction_detail_circular" />

        <View