Android分享：Android侧滑原来可以这么优雅，Android开发者跳槽指南

本文链接：https://blog.csdn.net/m0_60732644/article/details/137001680

侧滑时，主view像开门一样从中间向两边(上下或左右)分开，透明显示它下层的视图

可用来制作封面、轮播图等

//用DoorConsumer实现百叶窗侧滑删除
SmartSwipe.wrap(view)
.addConsumer(new DoorConsumer())
.enableHorizontal() //启用左右两侧侧滑
.addListener(new SimpleSwipeListener(){
@Override
public void onSwipeOpened(SmartSwipeWrapper wrapper, SwipeConsumer consumer, int direction) {
//侧滑打开时，移除
ViewParent parent = wrapper.getParent();
if (parent instanceof ViewGroup) {
((ViewGroup) parent).removeView(wrapper);
}
//adapter.removeItem(getAdapterPosition());// 也可用作从recyclerView中移除该项
}
})
;

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

9. 一行代码添加贝塞尔曲线返回效果

侧滑时，在控件侧滑的边缘显示一个贝塞尔曲线的返回效果

可用于activity返回、fragment返回，也可用于webview的返回/前进

//activity侧滑返回
SmartSwipe.wrap(this)
.addConsumer(new BezierBackConsumer())
.enableAllDirections()
.addListener(new SimpleSwipeListener() {
@Override
public void onSwipeOpened(SmartSwipeWrapper wrapper, SwipeConsumer consumer, int direction) {
finish();
}
})
;

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

10. 一行代码添加仿微信Activity联动侧滑返回效果

没错，专为activity侧滑返回而作的一种效果，带联动功能

//activity侧滑返回
SmartSwipe.wrap(this)
.addConsumer(new ActivitySlidingBackConsumer(this))
//设置联动系数
.setRelativeMoveFactor(0.5F)
//指定可侧滑返回的方向，如：enableLeft() 仅左侧可侧滑返回
.enableAllDirections()
;

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

11. 一行代码添加Activity百叶窗侧滑返回效果

没错，也是专为activity侧滑返回而作的一种效果，透明显示前一个activity

//activity侧滑返回
SmartSwipe.wrap(this)
.addConsumer(new ActivityShuttersBackConsumer(this))
.setScrimColor(0x7F000000)
.enableAllDirections()
;

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

12. 一行代码添加Activity开门侧滑返回效果

没错，这还是一个专为activity侧滑返回而作的效果，透明显示前一个activity

//activity侧滑返回
SmartSwipe.wrap(this)
.addConsumer(new ActivitySlidingBackConsumer(this))
.setRelativeMoveFactor(0.5F)
.enableAllDirections()
;

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

怎么都是一行代码？还敢不敢再来点？

SmartSwipe中绝大多数的使用都可以通过链式编程在一行代码内完成，API的设计风格如下：

SmartSwipe.wrap(…) //view or Activity
.addConsumer(…) //添加consumer
.enableDirection(…) //指定consumer接收哪个方向的侧滑事件
.setXxx(…) //[可选]一些其它设置项
.addListener(…); //[可选]给consumer添加监听

除了基础的侧滑效果外，为了方便开发者使用，还封装了工具类：SmartSwipeBack 和 SmartSwipeRefresh

一行代码实现全局Activity侧滑返回

全局只需一行代码即可搞定所有Activity侧滑返回
可选样式：开门、百叶窗、仿微信、仿QQ及仿MIUI贝塞尔曲线
无需透明主题
无需继承某个特定的Activity
不需要侵入xml布局文件
也不需要侵入BaseActivity
支持全屏侧滑和(/或)边缘侧滑返回
支持上/下/左/右 4个方向侧滑返回

//仿手机QQ的手势滑动返回
SmartSwipeBack.activityStayBack(application, null);
//仿微信带联动效果的透明侧滑返回
SmartSwipeBack.activitySlidingBack(application, null);
//侧滑开门样式关闭activity
SmartSwipeBack.activityDoorBack(application, null);
//侧滑百叶窗样式关闭activity
SmartSwipeBack.activityShuttersBack(application, null);
//仿小米MIUI系统的贝塞尔曲线返回效果
SmartSwipeBack.activityBezierBack(application, null);

一行代码添加下拉刷新功能

可用于任意view

//xxxMode第二个参数为false，表示工作方向为纵向：下拉刷新&上拉加载更多
//如果第二个参数设置为true，则表示工作方向为横向：右拉刷新&左拉加载更多
SmartSwipeRefresh.drawerMode(view, false).setDataLoader(loader);
SmartSwipeRefresh.behindMode(view, false).setDataLoader(loader);
SmartSwipeRefresh.scaleMode(view, false).setDataLoader(loader);
SmartSwipeRefresh.translateMode(view, false).setDataLoader(loader);

样式	效果图
drawerMode
behindMode
scaleMode
translateMode

header和footer可使用第三方炫酷的自定义view，如：基于Ifxcyr/ArrowDrawable的ArrowHeader，效果图如下：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

看起来是蛮diao的，可是我要的侧滑效果你这里没有啊

这就需要自定义SwipeConsumer了，步骤如下：

新建一个类，继承SwipeConsumer
[可选]在构造方法中进行一些初始化（需要context对象才能初始化的属性，可以放在onAttachToWrapper方法中初始化）
[可选]如果有额外的捕获逻辑，可以重写父类的tryAcceptMoving和tryAcceptSettling方法
[可选]重写onSwipeAccepted方法，由于此时已经确定捕获了侧滑事件，并确定好了侧滑的方向(mDirection)，可以为本次侧滑事件做一些初始化工作
[可选]重写clampDistanceHorizontal及clampDistanceHorizontal方法，可在满足一定条件下才真正执行侧滑
重写onDisplayDistanceChanged方法，执行具体的侧滑的UI效果呈现
[可选]如果UI呈现效果中包含布局控件的移动，需要重写onLayout方法，在此方法中也要按照侧滑后的逻辑进行控件布局定位
重写onDetachFromWrapper方法，还原现场，移除当前consumer的所有改动痕迹

以框架内置弹性拉伸效果StretchConsumer为例

根据侧滑距离，对contentView进行缩放和平移，从而实现弹性拉伸效果

代码如下：

public class StretchConsumer extends SwipeConsumer {
@Override
public void onDetachFromWrapper() {
super.onDetachFromWrapper();
View contentView = mWrapper.getContentView();
if (contentView != null) {
contentView.setScaleX(1);
contentView.setScaleY(1);
contentView.setTranslationX(0);
contentView.setTranslationY(0);
}
}

@Override
public void onDisplayDistanceChanged(int distanceXToDisplay, int distanceYToDisplay, int dx, int dy) {
View contentView = mWrapper.getContentView();
if (contentView != null) {
if (distanceXToDisplay >= 0 && isLeftEnable() || distanceXToDisplay <= 0 && isRightEnable()) {
contentView.setScaleX(1 + Math.abs((float) distanceXToDisplay) / mWidth);
contentView.setTranslationX(distanceXToDisplay / 2F);
}
if (distanceYToDisplay >= 0 && isTopEnable() || distanceYToDisplay <= 0 && isBottomEnable()) {
contentView.setScaleY(1 + Math.abs((float) distanceYToDisplay) / mHeight);
contentView.setTranslationY(distanceYToDisplay / 2F);
}
}
}
}

以上就是实现弹性拉伸效果的全部代码，很简单，不是吗？