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

Simultaneous touch events handling on multiple views in Android

提问人:Falling Into Infinity 提问时间:12/6/2016 最后编辑:Falling Into Infinity 更新时间:11/29/2021 访问量:4454

问:

考虑下图中的示例,

enter image description here

我正在寻找一种解决方案,将触摸事件从画布视图传递到视图寻呼机这是同时在两个视图上应用相同缩放量所必需的。

以下是正在发生的事情的技术描述,

(让我们将视图视为 ABC)

A. 父视图

B. 查看

C. View 寻呼机

在子项 (B & C) 上调用 dispatchTouchEvent() 之前,A.dispatchTouchEvent() 将首先调用 A.onInterceptTouchEvent() 以查看视图组是否有兴趣拦截该事件。

因此,如果 A.onTouchEvent() 返回 false,则返回到 B.onTouchEvent()。如果返回 false,则返回到 C.onTouchEvent(),调度照常继续进行。

在返回真实时,

  1. ACTION_CANCEL将发送给所有儿童。

  2. 如果定义了事件侦听器 (OnTouchListener.onTouch()),则所有后续手势事件(直到 ACTION_UP/ACTION_CANCEL)都将使用,否则事件处理程序 A.onTouchEvent() 将处于 A 级别。

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

有没有办法将触摸事件从父视图传递到子视图,以便它们可以同时处理事件?

这是我的布局设置,

<RelativeLayout
    android:id="@+id/layoutParent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFFFFFFF">

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

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

</RelativeLayout>
android-viewpager android-view android-touch-event

评论

0赞 ridoy 12/12/2016
画布在 viewpager 控件中的位置如何?它是以弹出窗口还是其他方式出现?
0赞 Falling Into Infinity 12/13/2016
画布和 viewpager 位于 2 个单独的视图中。检查我的布局代码以仔细查看。@ridoy
0赞 ridoy 12/13/2016
所以你的 DrawingView 拦截了 NonSwipeableViewPager(根据你的布局代码),不是吗?
0赞 Falling Into Infinity 12/14/2016
是的,确实如此!@ridoy

答:

2赞 Omar Faroque Anik 12/8/2016 #1

使用回调很容易实现。只需使用您需要的任何方法创建一个接口,然后在 Viewpager 中实现即可。Call 将根据您的触摸事件在 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

}
 }

带有简单按钮的 My 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_height="wrap_content"
    android:layout_width="match_parent"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        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_width="match_parent"
android:layout_height="match_parent"
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_width="100dp"
    android:layout_gravity="center"
    android:src="@mipmap/ic_launcher"
    android:layout_height="100dp" />


<fragment
    android:name="nanofaroque.com.addlistener.MyFragmentButton"
    android:id="@+id/headlines_fragment"
    android:layout_width="100dp"
    android:layout_height="100dp" />

 </FrameLayout>

我的按钮:

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

 </LinearLayout>

评论

0赞 Falling Into Infinity 12/8/2016
感谢您的简短回答,但是我有兴趣同时处理两个视图上的触摸事件(现在,如果我将触摸事件从一个视图传递到另一个视图,它只会忽略顶级视图上的事件)。请检查更新后的问题。
0赞 Omar Faroque Anik 12/8/2016
在这种情况下,我相信 ChildView 应该处于单独的布局中。在这种情况下,相对布局将不起作用,因为一个视图相对于其他视图位置。谢谢,祝你好运。
5赞 Prokash Sarkar 12/13/2016 #2

如果我没记错的话,您希望在顶部和底部视图上处理相同的触摸事件。根据 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;
}

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

现在,在视图寻呼器中订阅运动事件,以便每当从画布进行更改时,它都会立即传递事件。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;
    }
}

评论

0赞 Luiz Alegria 4/2/2020
如何将触摸传递到多个视图?
0赞 Sajid2405 1/26/2021
函数 sendMotionEvent 中有一个错误,即它应该是:motion_event.onNext(motionEvent) 而不是 motion_event.onNext(motion_event)