当前位置： 移动技术网 > 移动技术>移动开发>Android > android给RecyclerView加上折叠的效果示例

android给RecyclerView加上折叠的效果示例

2019年07月24日  | 移动技术网移动技术  | 我要评论

recyclerview有很高的自由度，可以说只有想不到没有做不到，真是越用越喜欢。这次用超简单的方法，让recyclerview带上折叠的效果。

效果是这样的。

总结一下这个列表的特点，就是以下三点：

1. 重叠效果；

2. 层次感；

3. 首项的差动效果。

下面我们来一个个解决。

我们新建一个parallaxrecyclerview，让它继承recyclerview，并使用linearlayoutmanager作为布局管理器。

重叠效果

其实就是每一项都搭一部分在它前面那项而已。我们知道，recyclerview可以通过设置itemdecoration来实现列表的间隔效果，有没有想过要是把间隔设为负数会怎么样？比如：

additemdecoration(new itemdecoration() {
      @override
      public void getitemoffsets(rect outrect, view view, recyclerview parent, state state) {
        super.getitemoffsets(outrect, view, parent, state);
        outrect.bottom = -dp2px(context, 10);
      }
    });

没错，这就实现了我们的重叠效果。

层次感

在material design里是有z轴这个概念的，我们可以给控件设置垂直于屏幕的高度，让不在同一高度的控件看起来有层次感。当然，我们要用material design的控件才有这个属性，这里我用的是cardview。

我们给parallaxrecyclerview增加一个滑动监听，在onscrolled方法里面做如下设置：

linearlayoutmanager layoutmanager = (linearlayoutmanager) recyclerview.getlayoutmanager();
int firstposition = layoutmanager.findfirstvisibleitemposition();
int lastposition = layoutmanager.findlastvisibleitemposition();
int visiblecount = lastposition - firstposition;
//重置控件的高度
int elevation = 1;
for (int i = firstposition - 1; i <= (firstposition + visiblecount) + 1; i++) {
  view view = layoutmanager.findviewbyposition(i);
  if (view != null) {
    if (view instanceof cardview) {
      ((cardview) view).setcardelevation(dp2px(context, elevation));
      elevation += 5;
    }

  }
}

其中，setcardelevation方法就是用来给cardview设置高度的，这里让每一项的高度比它的上一项高5dp。

首项的差动

最后，我们想给第一项增加一个差动效果，这个同样在onscrolled方法里面做处理就好了：

view firstview = layoutmanager.findviewbyposition(firstposition);
float firstviewtop = firstview.gettop();
firstview.settranslationy(-firstviewtop / 2.0f);

这样相当于第一项的滑动速度变成原来的一半。但这也会导致一个问题， 由于改变了控件的位置，当这个控件被复用时，会出现位置不正确的情况。所以我们在设置高度的时候，可以顺便把控件的位置复原了：

 float translationy = view.gettranslationy();
if (i > firstposition && translationy != 0) {
  view.settranslationy(0);
}

这样就完成了一个带有简单折叠效果的recyclerview了，妥妥的。

源码地址：

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网