Android左滑返回功能的实现示例代码

前几天用了个app发现左滑可以返回首页，发现这个功能很炫酷，就想着自己能不能做出来，于是研究了一下

原理

1. 将activity的背景设置为透明同时设置切换动画
2. 手指滑动的时候，根View跟着滑动，滑倒一定的距离就finish掉。
   

原理很简单，但实现起来可能有些坑。这里记录一下。源码参考

处理onInterceptTouchEvent

事件拦截要处理一件事情：确定这次触摸事件是不是应该交给SlideFinishLayout的onTouchEvent处理。

override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {
val action = ev.action
when (action){
MotionEvent.ACTION_DOWN -> {
mLastX = ev.x.toInt()
mIsDrag = false
}
MotionEvent.ACTION_MOVE -> {
mScroller.computeScrollOffset()
mIsDrag = !mScroller.isFinished
val deltaY:Int = ev.x.toInt() - mLastX
if (deltaY >= mTouchSlop){
mIsDrag = true
}
}
}
return mIsDrag
}

onTouchEvent

这个是核心的实现方法.

这里会用到OverScroller的startScroll()方法来处理手指离开后的动画。OverScroller使用起来非常的简单，如果想让View滚动就调用startScroll()传入相应参数，会把计算的结果回调给View的computeScroll()方法，下面是主要的实现思路：

override fun onTouchEvent(event: MotionEvent): Boolean {
val action = event.action
//1.初始化轨迹
initVelocityTrackerIfNotExists(event)
when(action){
MotionEvent.ACTION_DOWN -> {
//2.down 事件 mScroller放弃动画 记录触摸的位置
if (!mScroller.isFinished){
mScroller.abortAnimation()
}
mLastX = event.rawX.toInt()
mIsDrag = true
dispatchScroll(0 , 0 , slideState)
}
MotionEvent.ACTION_MOVE -> {
//3.move事件调用performDrag()方法 会调用offsetLeftAndRight() 从而移动View
val currentX = event.rawX.toInt()
val deltaX = currentX - mLastX
log("x = ${event.rawX} y = ${event.rawX}")
performDrag(deltaX)
log("deltaX = $deltaX")
mLastX = currentX
}
MotionEvent.ACTION_UP,
MotionEvent.ACTION_CANCEL ->{
//4.up事件 主要处理手指离开后的View的滚动,以及是否要达到销毁的条件
//endDrag()方法会处理手指离开后的动画以及是否达到销毁条件
if (mIsDrag){
mLastX = 0
mIsDrag = false
velocityTracker?.computeCurrentVelocity(1000 , mMaximumVelocity)
val velocity = velocityTracker?.xVelocity?.toInt()!!
isReachFinish = endDrag(velocity)
postInvalidateOnAnimation()
recycleVelocityTracker()
}
}
}
return true
}
//开始拖动
private fun performDrag(x:Int){
var canOffset = false
isDragLeft = x > 0
slideState = SlideState.DRAGGING
//计算 滚动的 距离
if (slideModel == DirectionModel.ONLY_LEFT ){
if (x > 0){
offsetLeftAndRight(x)
canOffset = true
}
}else if (slideModel == DirectionModel.ONLY_RIGHT){
if (x<0){
offsetLeftAndRight(x)
canOffset = true
}
}else{
offsetLeftAndRight(x)
canOffset = true
}
if (canOffset){
dispatchScroll(x , left , slideState)
}
}
//手指离开后的动作
fun endDrag(xVelocity:Int):Boolean{
slideState = SlideState.SETTLING
val left = this.left
log( "left = $left screenWidth * FACTOR= ${screenWidth * FACTOR}")
log( "xVelocity = $xVelocity mMinimumVelocity= $mMinimumVelocity")
if (Math.abs(left) > screenWidth * FACTOR
|| xVelocity > mMinimumVelocity){
if (left>0){
//左滑动
mScroller.startScroll(left , 0 , screenWidth - left , 0)
}else{
//右滑动
mScroller.startScroll(left , 0 , left - screenWidth , 0)
}
return true
}else{
mScroller.startScroll(left , 0 , -left , 0)
return false
}
}

怎么使用

activity背景要透明的

<style name="AppTheme.Transparent" parent="Theme.AppCompat.Light.NoActionBar">
<item name="android:windowBackground">@color/transparent</item>
<item name="android:windowIsTranslucent">true</item>
</style>

设置activity进场和出场动画

R.anim.enter

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:fromXDelta="100%p"
android:toXDelta="0"
android:duration="200"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"/>
</set>

R.anim.exit

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:shareInterpolator="true"
>
<translate
android:fromXDelta="0"
android:toXDelta="100%p"
android:duration="200"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"/>
</set>

activity代码如下

class TwoActivity : BaseActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_two)
val index = intent?.getStringExtra("index")
nextBtn.setOnClickListener {
startActivity(Intent(this@TwoActivity , TwoActivity::class.java))
overridePendingTransition(R.anim.enter, 0)
}
//滑动达到finish的监听事件，slideFinishLayout没有做任何处理 如果这里不掉用finish也不会退出activity
slideFinishLayout.finishListener = {
finish()
overridePendingTransition(0, 0)
}
}
override fun finish() {
super.finish()
overridePendingTransition(0, R.anim.exit)
}
}

存在的问题

堆栈之前的activity被意外销毁了，此时的当前的activity虽然为透明的，但是背景是黑色的，可能是因为被意外销毁还没有来的及调用onCreate，但是打开不保留活动来测试是没有问题的。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• Android实现类似IOS右滑返回的效果(原因分析及解决办法)
• Android中SwipeBack实现右滑返回效果