卡片式切换效果

今天跟大家分享一个卡片切换的效果：

一个说不上酷炫但很有意思的效果

首先大体思路是：效果有多个View和动画组成的集合，既然是多个View那么复用肯定是首先要想到的，我这边用到的是RecycleView ，控件的叠加效果可以通过自定义RecycleView的LayoutManager来实现，而RecycleView并没有提供相关Api来支持拖拽效果的监听，好在SDK提供的一个强大的工具类ItemTouchHelper 来让我们实现RecycleView条目的拖拽效果。

现在让我们一步步实现：
先来一波常规操作：

这里就不贴代码了就是写了几个带圆角的shape作为背景，然后就是RecycleView一些普通的代码。

然后就是自定义LayoutManager,需要实现generateDefaultLayoutParams()方法，这个方法主要为设置LayoutManager的RecycleView提供LayoutParams参数

@Override
    public RecyclerView.LayoutParams generateDefaultLayoutParams() {
        return new RecyclerView.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
    }

 

实现叠加效果重点在于在onLayoutChildren()方法中对显示的item和位置重新排布

 

 

@Override
    public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
        super.onLayoutChildren(recycler, state);

        //将所有的itemView先全部detach，放到Scrap集合里面，进行重新排布
        detachAndScrapAttachedViews(recycler);

        //获取当前recycler中的条目书
        int count = getItemCount();

        //取条目中前最大显示数的条目下标
        int mShowItemPos;
        if(count<=mMaxShowCount){
            mShowItemPos = 0;
        }else{
            mShowItemPos = count-mMaxShowCount;
        }

        //遍历排布
        for(int i = mShowItemPos;i<count;i++){
            //获取item 并添加到recycle中
            View item = recycler.getViewForPosition(i);
            addView(item);

            //测量item
            measureChildWithMargins(item,0,