Android列表滑动动效

设计分析:

已经确定了要实现RecyclerView滑动监听,必然就得了解RecyclerView滑动监听实现的方法:
1.onScrollStateChanged //滑动状态的改变
2.onScrolled //滑动时回调该方法
这里不需要第一个方法,因此我们就重写onScrolled方法:
1.找到列表中最后一项可见的view
2.根据可见部分占view总部分的占比,计算出透明度以及缩放比例。

 

效果

private void calculateAlphaAndScale(RecyclerView recyclerView, LinearLayoutManager layoutManager) {
        //获得recyclerView的线性布局管理器
        LinearLayoutManager manager = (LinearLayoutManager) recyclerView.getLayoutManager ();

        int firstItemPosition = manager.findFirstVisibleItemPosition ();
        int lastItemPosition = manager.findLastVisibleItemPosition ();
        //根据索引找到view
        View lastView = manager.getChildAt (lastItemPosition - firstItemPosition);
        if (lastView != null) {
            //当找到最后一项的view时,根据可见部分占view总部分的占比,计算出透明度以及缩放比例。
            int itemHeight = lastView.getHeight ();
            int visibleHeight = recyclerView.getHeight () - lastView.getTop ();
            if (visibleHeight < 0) {
                return;
            }
            float ratio = visibleHeight * 1.0f / itemHeight;
            if (ratio > 1.0) {
                return;
            }
            lastView.setAlpha (ratio);
            float scale = 0.8f;//默认最小的缩放比例
            float scaleFactor = scale + (1 - scale) * ratio;

            lastView.setScaleX (scaleFactor);
            lastView.setScaleY (scaleFactor);
        }
    }

最重要的动画部分已经实现,但是还存在一些问题,实际项目中的还有tab切换,导致的列表刷新(由于时间紧迫,并没有采取ViewPager+Indicator的方式)时,已经做缩放和透明度的View没有还原。因此:
在每次做动效前,先遍历列表view,初始化一下状态。

@Override
    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager();
        int childCount = layoutManager.getChildCount();
        //对每个item进行初始化
        for (int i = 0; i < childCount; i++) {

            layoutManager.getChildAt(i).setAlpha(1);
            layoutManager.getChildAt(i).setScaleY(1);
            layoutManager.getChildAt(i).setScaleX(1);
        }
        calculateAlphaAndScale(recyclerView, layoutManager);
    }

完成

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值