RecyclerView卡片(探探，翻译君等)效果全指南

ReSwipeCard

Github地址：ReSwipeCard(随手一波star~)

注：本项目是在 CardSwipeLayout的基础上进行的修改，感谢原作者。

项目功能：

• 解决滑动与点击事件冲突
• 增加硬件加速支持
• 滑动方向控制
• 滑出方向控制
• 滑出时间控制
• 滑出阈值
• 循环卡片
• 卡片堆叠方式
• 卡片数量
• 增加手动滑动

效果图如下所示，也可以直接下载跟根目录下的app-debug.apk查看：

normal.gif

---

使用方式

//项目中未使用RecyclerView  
dependencies {
    compile ('lin.jerrylin0322.reswipecard:reswipecard:1.0.0')
}
//如果项目中使用了RecyclerView:
dependencies {
    compile ('lin.jerrylin0322.reswipecard:reswipecard:1.0.0') {
                exclude module:'recyclerview-v7' }
}

maven:

  lin.jerrylin0322.reswipecard
  reswipecard
  1.0.0
  pom

代码中：

 CardSetting setting=new CardSetting();
        setting.setSwipeListener(new OnSwipeCardListener() {
            @Override
            public void onSwiping(RecyclerView.ViewHolder viewHolder, float dx, float dy, int direction) {
                switch (direction) {
                    case ReItemTouchHelper.DOWN:
                        Log.e("aaa", "swiping direction=down");
                        break;
                    case ReItemTouchHelper.UP:
                        Log.e("aaa", "swiping direction=up");
                        break;
                    case ReItemTouchHelper.LEFT:
                        Log.e("aaa", "swiping direction=left");
                        break;
                    case ReItemTouchHelper.RIGHT:
                        Log.e("aaa", "swiping direction=right");
                        break;
                }
            }

            @Override
            public void onSwipedOut(RecyclerView.ViewHolder viewHolder, CardBean o, int direction) {
                switch (direction) {
                    case ReItemTouchHelper.DOWN:
                        Toast.makeText(NormalActivity.this, "swipe down out", Toast.LENGTH_SHORT).show();
                        break;
                    case ReItemTouchHelper.UP:
                        Toast.makeText(NormalActivity.this, "swipe up out ", Toast.LENGTH_SHORT).show();
                        break;
                    case ReItemTouchHelper.LEFT:
                        Toast.makeText(NormalActivity.this, "swipe left out", Toast.LENGTH_SHORT).show();
                        break;
                    case ReItemTouchHelper.RIGHT:
                        Toast.makeText(NormalActivity.this, "swipe right out", Toast.LENGTH_SHORT).show();
                        break;
                }
            }

            @Override
            public void onSwipedClear() {
                Toast.makeText(NormalActivity.this, "cards are consumed", Toast.LENGTH_SHORT).show();
            }
        });
        CardTouchHelperCallback helperCallback = new CardTouchHelperCallback(mRecyclerView, list,setting);
        mReItemTouchHelper = new ReItemTouchHelper(helperCallback);
        CardLayoutManager layoutManager = new CardLayoutManager(mReItemTouchHelper, setting);
        mRecyclerView.setLayoutManager(layoutManager);
        CardAdapter cardAdapter = new CardAdapter(list);
        mRecyclerView.setAdapter(cardAdapter);

在Adapter的item的xml中使用SwipeTouchLayout当做根布局:

  ...

---

CardSetting

所有的参数变量都在CardSetting当中实现。

上下左右滑动控制，默认四个方向都可以滑动：

public int getSwipeDirection() {
        return ReItemTouchHelper.LEFT | ReItemTouchHelper.RIGHT
                | ReItemTouchHelper.UP |ReItemTouchHelper.DOWN;
    }

去掉左边滑动的效果图如图所示：

no_left_swipe.gif

上下左右滑出控制，默认四个方向都可以滑出:

    public int couldSwipeOutDirection() {
        return ReItemTouchHelper.LEFT | ReItemTouchHelper.RIGHT
                | ReItemTouchHelper.UP |ReItemTouchHelper.DOWN;
    }

去掉垂直方向的滑出效果图如图所示：

no_swipe_out_vertical.gif

修改卡片堆叠方式，默认为从下往上：

CardConfig.java
public int getStackDirection() {
        return  ReItemTouchHelper.DOWN;
    }

效果图：

card_stack.jpg

是否循环，默认为循环：

 public boolean isLoopCard() {
        return true;
    }

去掉循环的效果如下图所示：

no_loop.gif

手动控制滑动效果:

//direction=ReItemTouchHelper.LEFT or ReItemTouchHelper.RIGHT .etc
mReItemTouchHelper.swipeManually(direction);

卡片缩放递减的值，默认为0.1f：

    public float getCardScale() {
        return DEFAULT_SCALE;
    }

卡片展示数量：

  public int getShowCount() {
        return DEFAULT_SHOW_ITEM;
    }

移动过程中最大卡片旋转值：

   public float getCardRotateDegree() {
        return DEFAULT_ROTATE_DEGREE;
    }

布局时卡片偏移量，第一张不偏移，随后递增，默认偏移量为14：

 public int getCardTranslateDistance() {
        return DEFAULT_TRANSLATE_Y;
    }

是否开启硬件加速：

    public boolean enableHardWare() {
        return true;
    }

控制滑出时间：

    public int getSwipeOutAnimDuration() {
        return 400;
    }

控制滑动可以滑出的阈值，默认是RecyclerView的宽度*0.3f：

    public float getSwipeThreshold() {
        return 0.3f;
    }

---

如果有任何的问题，可以在 Issues当中告诉我~