右滑 finish 活动在IOS APP中是很常见的,可惜Android并没有提供给我们这样的实现。
不过还是有方法的,比如通过自定义ViewGroup拦截触摸事件,但是这并不是一种好的方案,因为耦合度比较高。ok,既然这样,我们来试一试下面这种方案。
- 重写Activity 的 onTouchEvent 方法
- 拿到紧贴 window 层的DecorView布局,并设置window的背景为透明
- 拦截滑动事件,并根据手指的滑动来移动 DecorView 布局
是不是很简单,下面提供源码。
- 主Activity
public class SixActivity extends AppCompatActivity {
@NoteInterface(value = R.id.button)
private Button mButton;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ActivitySixBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_six);
NoteParse.Companion.init(this);
mButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View aView) {
startActivity(new Intent(SixActivity.this, SevenActivity.class));
overridePendingTransition(android.R.anim.fade_in, android.R.anim.fade_out);
}
});
}
}
- 实现滑动finish的Activity
class SevenActivity : AppCompatActivity() {
private var slop: Int = 0
private var x: Float = 0.toFloat()
private var y: Float = 0.toFloat()
//拦截的范围
private var scope: Int = 0
private var halfScope: Int = 0
private lateinit var mConstraintLayout : ConstraintLayout
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_seven)
val dm = DisplayMetrics()
windowManager.defaultDisplay.getMetrics(dm)
val width = dm.widthPixels
scope = width / 6
halfScope = width / 2
mConstraintLayout = findViewById(R.id.constraint_layout)
// 触发移动事件的最小距离
slop = ViewConfiguration.get(this).scaledTouchSlop
}
override fun onTouchEvent(event: MotionEvent): Boolean {
when (event.action) {
MotionEvent.ACTION_DOWN -> {
x = event.x
y = event.y
}
MotionEvent.ACTION_MOVE ->
if (event.x - x > 0
&& x.toInt() <= scope
&& Math.abs(event.x - x) > Math.abs(event.y - y)
&& Math.abs(event.x - x) > slop) {
(mConstraintLayout.parent as ViewGroup).scrollTo(-(event.x.toInt() - x.toInt()), 0)
return true
}
MotionEvent.ACTION_UP -> {
if (event.x < halfScope) {
// 如果没有拉取过半,则回退
(mConstraintLayout.parent as ViewGroup).scrollTo(0, 0)
} else {
if (event.x - x > 0
&& x.toInt() <= scope
&& Math.abs(event.x - x) > Math.abs(event.y - y)
&& Math.abs(event.x - x) > slop) {
finish()
}
}
}
}
return super.onTouchEvent(event)
}
}
最后需要修改一下style,让我们的window背景为透明。
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="custom_attr_app_bg">#ffffff</item>
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="button_bg">#ff0000</item>
//右滑需要加上下面两个item属性
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:windowIsTranslucent">true</item>
</style>
-
效果图
结束,主Activity牵扯到@NoteInterface,是我自定义的注解,通过它来实例化我们的view,请忽略。布局就不放了,很简单。
源码已放github:https://github.com/519401502/JNI
笔者能力有限,不足之处欢迎指出。