RecyclerView.ItemDecoration实现占位Item

一、为什么需要占位Item

神马笔记的移动功能使用了树形结构的RecyclerView,在初始状态下只有一个根Item,点击Item后会展开子目录内容,为了增加指示性以及丰富界面,因此需要在界面中增加占位Item。

二、实现效果

空白部分使用了占位Item,增加了指示性,丰富了界面。

注:原始图片为720 x 1440,缩放为320 x 640后,空白位置的分割线显示不是特别明显。

下载安装【whatsnote_lastest.apk】能更明显看到效果。

三、实现原理

使用RecyclerView.ItemDecoration绘制空白部分的分割线产生占位Item的效果。

关键过程:

  1. 获取最后一个Item的位置,从最后一个Item位置开始绘制分割线
  2. 获取Item的高度,树形结构中总有一个根节点,获取任意一个Item的高度即可
  3. 计算绘制的个数,根据RecyclerView的高度及以上2个参数,即可计算出个数

四、完整代码

package club.andnext.recyclerview.decoration;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.view.View;
import androidx.recyclerview.widget.RecyclerView;
import club.andnext.recyclerview.R;

public class PlaceholderDecoration extends RecyclerView.ItemDecoration {
   

    Drawable divider;

    int margin;
    Rect bounds;
    
    public PlaceholderDecoration(Context context) {
   
        this.divider = context.getDrawable(R.drawable
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值