การจัดการการโต้ตอบการสัมผัสใน ViewGroup จะได้รับการดูแลเป็นพิเศษเนื่องจากเป็นเรื่องปกติที่ ViewGroup จะมีเด็กที่เป็นเป้าหมายสำหรับเหตุการณ์การแตะที่แตกต่างกันต่างจาก ViewGroup ลบล้างวิธี onInterceptTouchEvent() เพื่อตรวจสอบว่าแต่ละมุมมองได้รับเหตุการณ์การแตะที่ต้องการอย่างถูกต้อง
โปรดดูแหล่งข้อมูลที่เกี่ยวข้องต่อไปนี้
ขัดจังหวะเหตุการณ์การแตะใน ViewGroup
ระบบจะเรียกใช้เมธอด onInterceptTouchEvent() ทุกครั้งที่ตรวจพบเหตุการณ์การสัมผัสบนพื้นผิวของ ViewGroup รวมถึงบนพื้นผิวขององค์ประกอบย่อย หาก onInterceptTouchEvent() แสดงผลเป็น true ระบบจะขัดขวาง MotionEvent ซึ่งหมายความว่าจะไม่ส่งต่อไปยังรายการย่อย แต่จะส่งไปยังเมธอด onTouchEvent() ของรายการหลัก
เมธอด onInterceptTouchEvent() ช่วยให้วิดเจ็ตหลักมีโอกาสเห็นเหตุการณ์การแตะก่อนวิดเจ็ตย่อย หากแสดงผล true จาก onInterceptTouchEvent() วิดเจ็ตย่อยที่ก่อนหน้านี้จัดการเหตุการณ์การแตะจะได้รับ ACTION_CANCEL และระบบจะส่งเหตุการณ์ต่อจากจุดนั้นไปยังเมธอด onTouchEvent() ของวิดเจ็ตหลักเพื่อการจัดการตามปกติ onInterceptTouchEvent() ยังแสดงผล false และตรวจสอบเหตุการณ์ขณะที่เหตุการณ์เดินทางไปตามลําดับชั้นของมุมมองไปยังเป้าหมายปกติ ซึ่งจัดการเหตุการณ์ด้วย onTouchEvent() ของตนเองได้ด้วย
ในข้อมูลโค้ดต่อไปนี้ คลาส MyViewGroup ขยายจาก ViewGroup
MyViewGroup มีมุมมองย่อยหลายรายการ หากคุณลากนิ้วผ่านมุมมองย่อยในแนวนอน มุมมองย่อยจะไม่ได้รับกิจกรรมการสัมผัสอีกต่อไป และ MyViewGroup จะจัดการเหตุการณ์การแตะโดยการเลื่อนเนื้อหา อย่างไรก็ตาม หากคุณแตะปุ่มในมุมมองย่อย หรือเลื่อนมุมมองย่อยในแนวตั้ง ผู้เผยแพร่โฆษณาหลักจะไม่ดักจับกิจกรรมการสัมผัสเหล่านั้น เนื่องจากย่อยคือเป้าหมายที่ต้องการ ในกรณีดังกล่าว onInterceptTouchEvent() จะแสดงผลเป็น false และระบบจะไม่เรียกใช้ onTouchEvent() ของคลาส MyViewGroup
Kotlin
class MyViewGroup @JvmOverloads constructor(
context: Context,
private val mTouchSlop: Int = ViewConfiguration.get(context).scaledTouchSlop
) : ViewGroup(context) {
...
override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {
// This method only determines whether you want to intercept the motion.
// If this method returns true, onTouchEvent is called and you can do
// the actual scrolling there.
return when (ev.actionMasked) {
// Always handle the case of the touch gesture being complete.
MotionEvent.ACTION_CANCEL, MotionEvent.ACTION_UP -> {
// Release the scroll.
mIsScrolling = false
false // Don't intercept the touch event. Let the child handle it.
}
MotionEvent.ACTION_MOVE -> {
if (mIsScrolling) {
// You're currently scrolling, so intercept the touch event.
true
} else {
// If the user drags their finger horizontally more than the
// touch slop, start the scroll.
// Left as an exercise for the reader.
val xDiff: Int = calculateDistanceX(ev)
// Touch slop is calculated using ViewConfiguration constants.
if (xDiff > mTouchSlop) {
// Start scrolling!
mIsScrolling = true
true
} else {
false
}
}
}
...
else -> {
// In general, don't intercept touch events. The child view
// handles them.
false
}
}
}
override fun onTouchEvent(event: MotionEvent): Boolean {
// Here, you actually handle the touch event. For example, if the action
// is ACTION_MOVE, scroll this container. This method is only called if
// the touch event is intercepted in onInterceptTouchEvent.
...
}
}
Java
public class MyViewGroup extends ViewGroup {
private int mTouchSlop;
...
ViewConfiguration vc = ViewConfiguration.get(view.getContext());
mTouchSlop = vc.getScaledTouchSlop();
...
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
// This method only determines whether you want to intercept the motion.
// If this method returns true, onTouchEvent is called and you can do
// the actual scrolling there.
final int action = MotionEventCompat.getActionMasked(ev);
// Always handle the case of the touch gesture being complete.
if (action == MotionEvent.ACTION_CANCEL || action == MotionEvent.ACTION_UP) {
// Release the scroll.
mIsScrolling = false;
return false; // Don't intercept touch event. Let the child handle it.
}
switch (action) {
case MotionEvent.ACTION_MOVE: {
if (mIsScrolling) {
// You're currently scrolling, so intercept the touch event.
return true;
}
// If the user drags their finger horizontally more than the
// touch slop, start the scroll.
// Left as an exercise for the reader.
final int xDiff = calculateDistanceX(ev);
// Touch slop is calculated using ViewConfiguration constants.
if (xDiff > mTouchSlop) {
// Start scrolling.
mIsScrolling = true;
return true;
}
break;
}
...
}
// In general, don't intercept touch events. The child view handles them.
return false;
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
// Here, you actually handle the touch event. For example, if the
// action is ACTION_MOVE, scroll this container. This method is only
// called if the touch event is intercepted in onInterceptTouchEvent.
...
}
}
โปรดทราบว่า ViewGroup ยังมีวิธี requestDisallowInterceptTouchEvent() ด้วย ViewGroup จะเรียกเมธอดนี้เมื่อรายการย่อยไม่ต้องการให้รายการหลักและบรรพบุรุษของรายการย่อยขัดจังหวะเหตุการณ์การสัมผัสด้วย onInterceptTouchEvent()
ประมวลผลเหตุการณ์ ACTION_OUTSIDE
หาก ViewGroup ได้รับ MotionEvent ที่มี ACTION_OUTSIDE ระบบจะไม่ส่งเหตุการณ์ไปยังรายการย่อยโดยค่าเริ่มต้น หากต้องการประมวลผล MotionEvent ด้วย ACTION_OUTSIDE ให้ลบล้าง dispatchTouchEvent(MotionEvent event) เพื่อส่งไปยัง View ที่เหมาะสมหรือจัดการใน Window.Callback ที่เกี่ยวข้อง ตัวอย่างเช่น Activity
ใช้ค่าคงที่ ViewConfiguration
ข้อมูลโค้ดก่อนหน้าใช้ ViewConfiguration ปัจจุบันเพื่อเริ่มต้นตัวแปรที่ชื่อ mTouchSlop คุณสามารถใช้คลาส ViewConfiguration เพื่อเข้าถึงระยะทาง ความเร็ว และเวลาทั่วไปที่ระบบ Android ใช้
"ระยะห่างการแตะ" หมายถึงระยะทางในพิกเซลที่การแตะของผู้ใช้อาจเบี่ยงเบนก่อนที่จะมีการตีความท่าทางสัมผัสเป็นการเลื่อน โดยปกติแล้ว ระยะการสัมผัสจะใช้ในการป้องกันการเลื่อนโดยไม่ตั้งใจเมื่อผู้ใช้ดำเนินการอื่นด้วยการสัมผัส เช่น การสัมผัสองค์ประกอบบนหน้าจอ
อีก 2 วิธีที่ใช้กันโดยทั่วไปViewConfiguration ได้แก่
getScaledMinimumFlingVelocity()
และ
getScaledMaximumFlingVelocity()
วิธีการเหล่านี้จะแสดงผลความเร็วต่ำสุดและสูงสุดตามลำดับเพื่อเริ่มการฟลิงที่วัดเป็นพิกเซลต่อวินาที เช่น
Kotlin
private val vc: ViewConfiguration = ViewConfiguration.get(context)
private val mSlop: Int = vc.scaledTouchSlop
private val mMinFlingVelocity: Int = vc.scaledMinimumFlingVelocity
private val mMaxFlingVelocity: Int = vc.scaledMaximumFlingVelocity
...
MotionEvent.ACTION_MOVE -> {
...
val deltaX: Float = motionEvent.rawX - mDownX
if (Math.abs(deltaX) > mSlop) {
// A swipe occurs, do something.
}
return false
}
...
MotionEvent.ACTION_UP -> {
...
if (velocityX in mMinFlingVelocity..mMaxFlingVelocity && velocityY < velocityX) {
// The criteria are satisfied, do something.
}
}
Java
ViewConfiguration vc = ViewConfiguration.get(view.getContext());
private int mSlop = vc.getScaledTouchSlop();
private int mMinFlingVelocity = vc.getScaledMinimumFlingVelocity();
private int mMaxFlingVelocity = vc.getScaledMaximumFlingVelocity();
...
case MotionEvent.ACTION_MOVE: {
...
float deltaX = motionEvent.getRawX() - mDownX;
if (Math.abs(deltaX) > mSlop) {
// A swipe occurs, do something.
}
...
case MotionEvent.ACTION_UP: {
...
} if (mMinFlingVelocity <= velocityX && velocityX <= mMaxFlingVelocity
&& velocityY < velocityX) {
// The criteria are satisfied, do something.
}
}
ขยายพื้นที่ที่สัมผัสได้ของมุมมองย่อย
Android มีคลาส TouchDelegate เพื่อให้ผู้ปกครองขยายพื้นที่ที่สัมผัสได้สำหรับมุมมองของเด็กให้อยู่นอกเหนือขอบเขตของบุตรหลานได้ ซึ่งจะเป็นประโยชน์เมื่อเด็กต้องมีขนาดเล็กแต่ต้องการพื้นที่รองรับการสัมผัสที่ใหญ่กว่า คุณยังใช้แนวทางนี้เพื่อย่อขนาดภูมิภาคการแตะของบุตรหลานได้ด้วย
ในตัวอย่างต่อไปนี้ ImageButton คือ _delegate
view_ หรือก็คือองค์ประกอบย่อยที่องค์ประกอบหลักขยายพื้นที่การสัมผัส ไฟล์เลย์เอาต์มีดังนี้
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/parent_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
<ImageButton android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@null"
android:src="@drawable/icon" />
</RelativeLayout>
ข้อมูลโค้ดต่อไปนี้ทำให้งานเหล่านี้เสร็จสมบูรณ์
- รับมุมมองสำหรับผู้ปกครองและโพสต์
Runnableในเธรด UI การดำเนินการนี้ช่วยให้ผู้ปกครองจัดวางองค์ประกอบย่อยก่อนเรียกใช้เมธอดgetHitRect()เมธอดgetHitRect()จะได้รับสี่เหลี่ยมผืนผ้า Hit ของบุตรหลาน (หรือพื้นที่แตะได้) ในพิกัดของผู้ปกครอง - ค้นหา
ImageButtonวิวย่อยและเรียกgetHitRect()เพื่อรับขอบเขตของพื้นที่ที่สัมผัสได้ของวิวย่อย - ขยายขอบเขตของสี่เหลี่ยมผืนผ้าที่โดนของมุมมองย่อย
ImageButton - สร้างอินสแตนซ์
TouchDelegateโดยส่งสี่เหลี่ยมผืนผ้า Hit ที่ขยายและมุมมองย่อยImageButtonเป็นพารามิเตอร์ - ตั้งค่า
TouchDelegateในมุมมองหลักเพื่อให้ระบบส่งการแตะภายในขอบเขตของTouchDelegateไปยังมุมมองย่อย
ในบทบาทของตัวแทนการแตะสำหรับ ImageButton มุมมองย่อย มุมมองหลักจะได้รับเหตุการณ์การแตะทั้งหมด หากเหตุการณ์การแตะเกิดขึ้นภายในสี่เหลี่ยมผืนผ้าที่ตอบสนองขององค์ประกอบย่อย องค์ประกอบหลักจะส่งเหตุการณ์การแตะไปยังองค์ประกอบย่อยเพื่อจัดการ
Kotlin
public class MainActivity : Activity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
// Post in the parent's message queue to make sure the parent lays out
// its children before you call getHitRect().
findViewById<View>(R.id.parent_layout).post {
// The bounds for the delegate view, which is an ImageButton in this
// example.
val delegateArea = Rect()
val myButton = findViewById<ImageButton>(R.id.button).apply {
isEnabled = true
setOnClickListener {
Toast.makeText(
this@MainActivity,
"Touch occurred within ImageButton touch region.",
Toast.LENGTH_SHORT
).show()
}
// The hit rectangle for the ImageButton.
getHitRect(delegateArea)
}
// Extend the touch area of the ImageButton beyond its bounds on the
// right and bottom.
delegateArea.right += 100
delegateArea.bottom += 100
// Set the TouchDelegate on the parent view so that touches within
// the touch delegate bounds are routed to the child.
(myButton.parent as? View)?.apply {
// Instantiate a TouchDelegate. "delegateArea" is the bounds in
// local coordinates of the containing view to be mapped to the
// delegate view. "myButton" is the child view that receives
// motion events.
touchDelegate = TouchDelegate(delegateArea, myButton)
}
}
}
}
Java
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// Get the parent view.
View parentView = findViewById(R.id.parent_layout);
parentView.post(new Runnable() {
// Post in the parent's message queue to make sure the parent lays
// out its children before you call getHitRect().
@Override
public void run() {
// The bounds for the delegate view, which is an ImageButton in
// this example.
Rect delegateArea = new Rect();
ImageButton myButton = (ImageButton) findViewById(R.id.button);
myButton.setEnabled(true);
myButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(MainActivity.this,
"Touch occurred within ImageButton touch region.",
Toast.LENGTH_SHORT).show();
}
});
// The hit rectangle for the ImageButton.
myButton.getHitRect(delegateArea);
// Extend the touch area of the ImageButton beyond its bounds on
// the right and bottom.
delegateArea.right += 100;
delegateArea.bottom += 100;
// Instantiate a TouchDelegate. "delegateArea" is the bounds in
// local coordinates of the containing view to be mapped to the
// delegate view. "myButton" is the child view that receives
// motion events.
TouchDelegate touchDelegate = new TouchDelegate(delegateArea,
myButton);
// Set the TouchDelegate on the parent view so that touches
// within the touch delegate bounds are routed to the child.
if (View.class.isInstance(myButton.getParent())) {
((View) myButton.getParent()).setTouchDelegate(touchDelegate);
}
}
});
}
}