recyclerview探探_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当做根布局:

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:paddingBottom="30dp">

...

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当中告诉我~