Android基础控件——ListView实现时间轴效果

Posted 2021-01-04 张丽心

ListView实现时间轴效果

 

 

实现思路：

该View是通过ListView实现的，通过实体两个字段内容content和时间time来展示每个ListItem

时间轴是使用上面一条线（20dp）和中间一个圆（15dp）和下面一条线（40dp）组装成的

在ListView中，设置其分割线为空，并且没有点击效果

 

效果图：

 

步骤一：使用xml画出一个灰色的圆点（time_cycle.xml）

 

 

 

步骤二：javabean的编写

 

 

 

步骤三：编写子布局（time_item.xml）

 

其效果如图：

 

 

步骤四：编写父布局（activity_main.xml）

 

 

步骤五：编写子布局的适配器（KuaiDiAdapter.java）

 

步骤六：在父布局中设置适配器

 

 

源码下载：建议使用Import Module导入