Question

我有两个ImageButton，我想为它们设置相同的OnTouchListener，但问题是 - 当我触摸一个Image时，另一个相邻的Image也在移动。我也觉得当我触摸图像2时，它会移出屏幕并变得不可见。我希望它保留在屏幕上，并希望Touch事件应该为它们单独工作。

这是我到目前为止所做的。

    //this is the snippet from main activity where the onTouch is implemented and layout is created       

    RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
    params.addRule(RelativeLayout.ALIGN_PARENT_LEFT, RelativeLayout.TRUE);
    imgMaster.setLayoutParams(params);
    params = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
    params.addRule(RelativeLayout.RIGHT_OF, imgMaster.getId());
    imgMaster.setOnTouchListener(new ChoiceTouchListener());
    imgMood.setOnTouchListener(new ChoiceTouchListener());
    imgMood.setLayoutParams(params);
    imgMaster.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Toast.makeText(getApplicationContext(), "Clicked Master", Toast.LENGTH_SHORT).show();
        }
    });
    imgMood.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Toast.makeText(getApplicationContext(), "Clicked Mood", Toast.LENGTH_SHORT).show();
        }
    });
}

private final class ChoiceTouchListener implements OnTouchListener {
    public boolean onTouch(View view, MotionEvent event) {
        //ImageButton views = (ImageButton) view;
        final int X = (int) event.getRawX();
        final int Y = (int) event.getRawY();
        switch (view.getId()) {
            case R.id.master: 
                switch (event.getAction() & MotionEvent.ACTION_MASK) {
                    case MotionEvent.ACTION_DOWN:
                        RelativeLayout.LayoutParams lparams = (RelativeLayout.LayoutParams) view.getLayoutParams();
                        _xDelta = X - lparams.leftMargin;
                        _yDelta = Y - lparams.topMargin;
                        break;
                    case MotionEvent.ACTION_UP:
                        break;
                    case MotionEvent.ACTION_POINTER_DOWN:
                        break;
                    case MotionEvent.ACTION_POINTER_UP:
                        break;
                    case MotionEvent.ACTION_MOVE:
                        RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) view.getLayoutParams();
                        layoutParams.leftMargin = X - _xDelta;
                        layoutParams.topMargin = Y - _yDelta;
                        layoutParams.rightMargin = -250;
                        layoutParams.bottomMargin = -250;
                        view.setLayoutParams(layoutParams);
                        break;
                }
            case R.id.mood:
                switch (event.getAction() & MotionEvent.ACTION_MASK) {
                    case MotionEvent.ACTION_DOWN:
                        RelativeLayout.LayoutParams lparams = (RelativeLayout.LayoutParams) view.getLayoutParams();
                        _xDelta = X - lparams.leftMargin;
                        _yDelta = Y - lparams.topMargin;
                        break;
                    case MotionEvent.ACTION_UP:
                        break;
                    case MotionEvent.ACTION_POINTER_DOWN:
                        break;
                    case MotionEvent.ACTION_POINTER_UP:
                        break;
                    case MotionEvent.ACTION_MOVE:
                        RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) view.getLayoutParams();
                        layoutParams.leftMargin = X - _xDelta;
                        layoutParams.topMargin = Y - _yDelta;
                        layoutParams.rightMargin = -250;
                        layoutParams.bottomMargin = -250;
                        view.setLayoutParams(layoutParams);
                        break;
                }
                break;
        }


        return false;

    }

}

//这是我的布局

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/view_root"
android:background="@drawable/transparent_background"
xmlns:android="http://schemas.android.com/apk/res/android">
<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/mood"
    android:src="@drawable/mood"

    android:background="@null"/>

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/master"
    android:src="@drawable/master"
    android:background="@null" /></RelativeLayout>

提前致谢。

Answer 1

正如您所要求的那样，就是这样，但我仍然不知道您想从对象那里做什么实际的动作。

我提供的代码可让您将两个对象拖动到屏幕上的任何位置而不会移动其他对象。

希望这是你想要的东西（至少可能更近）

注意：请删除所有RelativeLayout.addRule()等，只需将onTouch监听器设置为 ImageButtons ，下面是Ontouch的定义

private final class ChoiceTouchListener implements View.OnTouchListener {
        public boolean onTouch(View view, MotionEvent event) {
            final int X = (int) event.getRawX();
            final int Y = (int) event.getRawY();

            switch (view.getId()) {
                case R.id.master:
                    switch (event.getAction() & MotionEvent.ACTION_MASK) {
                        case MotionEvent.ACTION_DOWN:
                            break;
                        case MotionEvent.ACTION_UP:
                            break;
                        case MotionEvent.ACTION_POINTER_DOWN:
                            break;
                        case MotionEvent.ACTION_POINTER_UP:
                            break;
                        case MotionEvent.ACTION_MOVE:
                            view.setX(X-view.getWidth()/2);
                            view.setY(Y-view.getHeight());
                            break;
                    }
                case R.id.mood:
                    switch (event.getAction() & MotionEvent.ACTION_MASK) {
                        case MotionEvent.ACTION_DOWN:
                            break;
                        case MotionEvent.ACTION_UP:
                            break;
                        case MotionEvent.ACTION_POINTER_DOWN:
                            break;
                        case MotionEvent.ACTION_POINTER_UP:
                            break;
                        case MotionEvent.ACTION_MOVE:
                            view.setX(X-view.getWidth()/2);
                            view.setY(Y-view.getHeight());
                            break;
                    }
                    break;
            }
                return false;

        }

这应该是您在XML中的布局

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/view_root"
    android:background="@drawable/transparent_background"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/master"
        android:src="@drawable/master"
        android:background="@null"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/mood"
        android:src="@drawable/mood"
        android:background="@null"
        android:layout_alignParentTop="true"
        android:layout_toRightOf="@+id/master"
        android:layout_toEndOf="@+id/master" />
</RelativeLayout>

On Touch Listener未按预期工作

1 个答案: