在 Android 中的多个视图上同时处理触摸事件

Posted 2023-04-13

【中文标题】在 Android 中的多个视图上同时处理触摸事件

【英文标题】：Simultaneous touch events handling on multiple views in Android

【发布时间】：2017-04-20 23:18:04

【问题描述】：

考虑下图中的示例，

我正在寻找将触摸事件从画布 View 传递到 Viewpager 的解决方案。这对于同时在两个视图上应用相同数量的缩放是必要的。

这里是发生了什么的技术描述，

（让我们将视图视为 A、B 和 C）

A.父视图

B.查看

C.查看寻呼机

在子级（B & C）上调用 dispatchTouchEvent() 之前，A.dispatchTouchEvent() 将首先调用 A.onInterceptTouchEvent() 来查看视图组是否有兴趣拦截事件。

所以如果 A.onTouchEvent() 返回 false，那么它会返回到 B.onTouchEvent()。如果返回 false 则返回到 C.onTouchEvent() 并且调度照常继续。

并且在返回 true 时，

ACTION_CANCEL 将发送给所有孩子。

所有后续手势事件（直到 ACTION_UP/ACTION_CANCEL）都将被事件侦听器 (OnTouchListener.onTouch() 消费>) 如果已定义，则为 A 级别的事件处理程序 A.onTouchEvent()。

此时我可以将事件从父视图传递给子视图，但不能让 2 个子视图 B。 & C 一起处理事件（在两个视图上应用相同的缩放量）。

有没有办法将触摸事件从父视图传递给子视图，以便他们可以同时处理这些事件？

这是我的布局设置，

<RelativeLayout
    android:id="@+id/layoutParent"
    android:layout_
    android:layout_
    android:background="#FFFFFFFF">

            <com.androidapp.NonSwipeableViewPager
                android:id="@+id/pager"
                android:layout_
                android:layout_
                android:layout_gravity="center"
                android:background="@color/transparent" />

            <com.androidapp.DrawingView
                android:id="@+id/drawing"
                android:layout_
                android:layout_
                android:background="@color/transparent" />

</RelativeLayout>

【问题讨论】：

画布在viewpager控件中是如何定位的？它是以弹出窗口的形式出现还是以其他方式显示？

画布和 viewpager 位于 2 个单独的视图中。检查我的布局代码以仔细查看。 @ridoy

所以你的 DrawingView 拦截了 NonSwipeableViewPager（根据你的布局代码），不是吗？

是的！ @ridoy

【参考方案1】：

如果我没记错的话，您希望在顶视图和底视图上处理相同的触摸事件。根据 Android 触摸架构，您不能同时处理来自多个视图的触摸事件。您要么必须在 onTouchEvent() 方法内处理它，要么传递到下一个视图。您还需要等到顶视图处理完MotionEvent()，然后让子视图处理。

这是使用RxAndroid 方法的可能解决方案，

在画布视图的MotionEvent() 中，

@Override
    public boolean onTouchEvent(MotionEvent event) 

    // process all touch events (UP/DOWN/MOVE)

    //send events as observable
    RxBus.getInstance().sendMotionEvent(event);

    return true;

这将观察运动事件并通知所有观察者。

现在，在您的 viewpager 的 onResume() 中订阅运动事件，以便无论何时从画布上进行更改，它都会立即传递事件。

Subscription RxBus _rxBus = RxBus.getInstance();
        subscription = _rxBus.getMotionEvent()
                .subscribe(new Action1<MotionEvent>() 
                    @Override
                    public void call(MotionEvent event) 
                       // call the onTouchEvent of your widget e.g. ImageView and pass the received event
                       // this will apply the same touch event that was applied in the canvas 

                        // .onTouchEvent(event) is important to override the onTouchEvent() of your widget that will use the touch event
                        imageView.onTouchEvent(event);
                    
            );

RxBus 类如下所示，

public class RxBus 

    private static RxBus instance;

    private final PublishSubject<MotionEvent> motion_event = PublishSubject.create();

    public static RxBus getInstance() 
        if (instance == null) 
            instance = new RxBus();
        
        return instance;
    

    public void sendMotionEvent(MotionEvent motionEvent) 
        motion_event.onNext(motionEvent);
    

    public Observable<MotionEvent> getMotionEvent() 
        return motion_event;
    

【讨论】：

如何将触摸传递给多个视图？

函数sendMotionEvent有错误，应该是：motion_event.onNext(motionEvent)而不是motion_event.onNext(motion_event)

【参考方案2】：

使用回调很容易实现。只需使用您需要的任何方法创建一个接口，然后在您的 Viewpager 中实现。将根据您的触摸事件在您的 View 类中调用调用，并且响应将来自 Viewpager。我在 MainActivity 中创建了一个带有 ImageView 的示例，并调用以从不同的片段更改其大小并且它可以工作。下面是我的代码：

public interface ICallBackForResize 
   void resizeme();
   void actionUp();
   void actionDown();

 

主活动：

public class MainActivity extends AppCompatActivity implements ICallBackForResize 

ImageView img;
@Override
protected void onCreate(Bundle savedInstanceState) 
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    img= (ImageView) findViewById(R.id.image);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);



@Override
public boolean onCreateOptionsMenu(Menu menu) 
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.menu_main, menu);
    return true;


@Override
public boolean onOptionsItemSelected(MenuItem item) 
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) 
        return true;
    

    return super.onOptionsItemSelected(item);


@Override
public void resizeme() 
    Toast.makeText(MainActivity.this,"called",Toast.LENGTH_LONG).show();
    img.getLayoutParams().height += 20;
    img.getLayoutParams().width += 20;
    img.requestLayout();


@Override
public void actionUp() 
    //do whatever


@Override
public void actionDown() 
    //do whatever


 

我的 Fragment 类带有一个简单的按钮：

public class MyFragmentButton extends Fragment 
View view;
ICallBackForResize callBackForResize;

@Override
public void onCreate(Bundle savedInstanceState) 
    super.onCreate(savedInstanceState);
    callBackForResize= (ICallBackForResize) getActivity();


@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) 
    view=inflater.inflate(R.layout.mybutton,container,false);
    Button btn= (Button) view.findViewById(R.id.button);
    btn.setOnClickListener(new View.OnClickListener() 
        @Override
        public void onClick(View v) 
            callBackForResize.resizeme();
        
    );
    return view;

我相信你不需要 xml 文件。如果有人需要，我只是分享：

activity_main：

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.AppBarLayout
    android:layout_
    android:layout_
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_
        android:layout_
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay" />

</android.support.design.widget.AppBarLayout>

<include layout="@layout/content_main"/>


 </android.support.design.widget.CoordinatorLayout>

content_main：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_
android:layout_
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:showIn="@layout/activity_main"
tools:context="nanofaroque.com.addlistener.MainActivity">

<ImageView
    android:id="@+id/image"
    android:text="Hello World!"
    android:layout_
    android:layout_gravity="center"
    android:src="@mipmap/ic_launcher"
    android:layout_ />


<fragment
    android:name="nanofaroque.com.addlistener.MyFragmentButton"
    android:id="@+id/headlines_fragment"
    android:layout_
    android:layout_ />

 </FrameLayout>

我的按钮：

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_
android:layout_>
<Button
    android:id="@+id/button"
    android:layout_
    android:layout_ />

 </LinearLayout>

【讨论】：

感谢您的简短回答，但是我有兴趣同时处理两个视图上的触摸事件（现在，如果我将触摸事件从一个视图传递到另一个视图，它只会忽略***视图上的事件）。请检查更新后的问题。

在这种情况下，我相信 ChildView 应该在单独的布局中。相对布局在这种情况下不起作用，因为一个人查看相对于其他人的位置。谢谢，祝你好运。