子View含onClick时,如何让MotionLayout的OnSwipe动画生效?
MotionLayout OnSwipe动画被子View onClick拦截的解决办法
问题根源很明确:子View的android:onClick会优先消费触摸事件,导致MotionLayout拿不到滑动手势,自然触发不了OnSwipe动画。下面给几个实用的解决思路:
办法一:让子View放行触摸事件
保留子View的onClick逻辑,但给它加一个触摸监听,让事件继续往上传递给MotionLayout。
如果用DataBinding,直接在XML里改:
<... View android:onClick="@{()->listener.onClick(row)}" android:onTouch="@{(v, event) -> false}">
如果是代码里设置:
// 假设子View是listCard listCard.setOnTouchListener { _, _ -> false }
这样点击事件依然生效,滑动事件也能被MotionLayout捕获。
办法二:把点击逻辑移到MotionLayout上
既然子View的onClick会抢事件,干脆把点击回调绑定到MotionLayout本身:
<androidx.constraintlayout.motion.widget.MotionLayout android:id="@+id/constraintLayout" ... android:onClick="@{()->listener.onClick(row)}"> <!-- 子View去掉android:onClick属性 --> <... View> ... </androidx.constraintlayout.motion.widget.MotionLayout>
这样既保留了点击逻辑,又不会影响MotionLayout的滑动动画。
办法三:禁用子View的触摸拦截(适合不需要子View单独点击的场景)
如果子View不需要单独响应点击,直接给它设置:
<... View android:clickable="false" android:focusable="false">
这样子View就不会拦截触摸事件,MotionLayout的滑动动画就能正常触发,但子View的onClick也就失效了,按需选择。
办法四:扩大OnSwipe的触摸响应区域
在MotionScene的OnSwipe标签里,指定触摸区域为整个MotionLayout,而不是只局限于子View:
<OnSwipe motion:touchAnchorId="@+id/list_card" motion:dragDirection="dragLeft" motion:touchRegionId="@+id/constraintLayout" />
这样即使子View拦截了部分区域的事件,MotionLayout其他区域的滑动手势依然能触发动画。
内容的提问来源于stack exchange,提问作者Vladimir Tribunskii
相关产品推荐
相关产品推荐

