美文网首页实用Android高级UI
Android列表滑动动效

Android列表滑动动效

作者: 玖玖君 | 来源:发表于2019-07-31 20:45 被阅读16次

    设计分析:

    已经确定了要实现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);
        }
    

    完成

    相关文章

      网友评论

        本文标题:Android列表滑动动效

        本文链接:https://www.haomeiwen.com/subject/nsjxdctx.html