如何在一个ImageButton中同时使用Ontouch和Onclick?

68
在我的应用程序中,我想要两件事情发生。
  1. 当我触摸并拖动 ImageButton 时,它应该随着我的手指移动。

    我使用了 OnTouchListener() 实现这一点,它可以正常工作。

  2. 当我点击 ImageButton 时,它应该关闭 Activity。

    我使用了 OnClickListener() 实现这一点,它也可以正常工作。

所以,这是我的问题。每当我移动 ImageButton 时,OnTouchListener 被触发并且 ImageButton 移动,而在我从移动中释放按钮时,OnClickListener 也被触发。
如何在同一个按钮上使用 ontouch 和 onclick 监听器而不互相干扰?

使用GestureDetector来检测单击手势。 - Biraj Zalavadia
@BirajZalavadia 你好,能帮我解决这个问题吗?http://stackoverflow.com/questions/23452949/android-working-with-ontouch-onclick-and-onlongclick-together。 - Nitish
12个回答

141

试试这个,它可能对你有帮助

不需要设置onClick()方法,onTouch()会处理两种情况。

package com.example.demo;

import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.GestureDetector.SimpleOnGestureListener;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageButton;

public class MainActivity extends Activity {
    private GestureDetector gestureDetector;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        gestureDetector = new GestureDetector(this, new SingleTapConfirm());
        ImageButton imageButton = (ImageButton) findViewById(R.id.img);

        imageButton.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View arg0, MotionEvent arg1) {

                if (gestureDetector.onTouchEvent(arg1)) {
                    // single tap
                    return true;
                } else {
                    // your code for move and drag
                }

                return false;
            }
        });

    }

    private class SingleTapConfirm extends SimpleOnGestureListener {

        @Override
        public boolean onSingleTapUp(MotionEvent event) {
            return true;
        }
    }

}

33
在我的情况下,我需要使用onSingleTapUp()而不是onSingleTapConfirmed(),但除此之外,这正是我所需要的。 - jakeneff
onSingleTapConfirmed() 不起作用,而 onSingleTapUp() 也不适合这种情况。 - Jyotman Singh
1
SingleTapConfirm类应该重写onDown方法 - 它应该返回true,因为当返回false时,其余的手势将被忽略。 - Krzysztof Skrzynecki
3
йЂљиү‡ењЁonDownж–№жі•дё­иү”е›һtrueпәЊи§¦ж‘ёдғ‹д»¶дәљи§¦еЏ‘иҮӨж–№жі•пәЊе№¶дё”触摸和点击之й—өжІҰжњ‰еЊғ别。дҢ иѓҢжЊ‡еҮә我吗пәџ - Athena
能否将 onClick、onTouch 和 onLongClick 结合起来使用? - Coder123
显示剩余3条评论

36

要在单个视图上拥有Click ListenerDoubleClick ListenerOnLongPress ListenerSwipe LeftSwipe RightSwipe UpSwipe Down,您需要setOnTouchListener。即,

view.setOnTouchListener(new OnSwipeTouchListener(MainActivity.this) {

            @Override
            public void onClick() {
                super.onClick();
                // your on click here
            }

            @Override
            public void onDoubleClick() {
                super.onDoubleClick();
                // your on onDoubleClick here
            }

            @Override
            public void onLongClick() {
                super.onLongClick();
                // your on onLongClick here
            }

            @Override
            public void onSwipeUp() {
                super.onSwipeUp();
                // your swipe up here
            }

            @Override
            public void onSwipeDown() {
                super.onSwipeDown();
                // your swipe down here.
            }

            @Override
            public void onSwipeLeft() {
                super.onSwipeLeft();
                // your swipe left here.
            }

            @Override
            public void onSwipeRight() {
                super.onSwipeRight();
                // your swipe right here.
            }
        });

}

为此,您需要OnSwipeTouchListener类,该类实现了OnTouchListener接口。

public class OnSwipeTouchListener implements View.OnTouchListener {

private GestureDetector gestureDetector;

public OnSwipeTouchListener(Context c) {
    gestureDetector = new GestureDetector(c, new GestureListener());
}

public boolean onTouch(final View view, final MotionEvent motionEvent) {
    return gestureDetector.onTouchEvent(motionEvent);
}

private final class GestureListener extends GestureDetector.SimpleOnGestureListener {

    private static final int SWIPE_THRESHOLD = 100;
    private static final int SWIPE_VELOCITY_THRESHOLD = 100;

    @Override
    public boolean onDown(MotionEvent e) {
        return true;
    }

    @Override
    public boolean onSingleTapUp(MotionEvent e) {
        onClick();
        return super.onSingleTapUp(e);
    }

    @Override
    public boolean onDoubleTap(MotionEvent e) {
        onDoubleClick();
        return super.onDoubleTap(e);
    }

    @Override
    public void onLongPress(MotionEvent e) {
        onLongClick();
        super.onLongPress(e);
    }

    // Determines the fling velocity and then fires the appropriate swipe event accordingly
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        boolean result = false;
        try {
            float diffY = e2.getY() - e1.getY();
            float diffX = e2.getX() - e1.getX();
            if (Math.abs(diffX) > Math.abs(diffY)) {
                if (Math.abs(diffX) > SWIPE_THRESHOLD && Math.abs(velocityX) > SWIPE_VELOCITY_THRESHOLD) {
                    if (diffX > 0) {
                        onSwipeRight();
                    } else {
                        onSwipeLeft();
                    }
                }
            } else {
                if (Math.abs(diffY) > SWIPE_THRESHOLD && Math.abs(velocityY) > SWIPE_VELOCITY_THRESHOLD) {
                    if (diffY > 0) {
                        onSwipeDown();
                    } else {
                        onSwipeUp();
                    }
                }
            }
        } catch (Exception exception) {
            exception.printStackTrace();
        }
        return result;
    }
}

public void onSwipeRight() {
}

public void onSwipeLeft() {
}

public void onSwipeUp() {
}

public void onSwipeDown() {
}

public void onClick() {

}

public void onDoubleClick() {

}

public void onLongClick() {

}
}

1
双击检测总是会检测到单击和双击。 - Vikash Sharma

9

onClick 和 OnTouch 事件的问题在于,当你点击(有意进行点击)时,它会假定该事件为 OnTouch,因此永远不会解释为 OnClick。 解决方法是

isMove = false;
case MotionEvent.ACTION_DOWN:
//Your stuff
isMove = false;
case MotionEvent.ACTION_UP:
if (!isMove || (Xdiff < 10 && Ydiff < 10 ) {
view.performClick; //The check for Xdiff <10 && YDiff< 10 because sometime elements moves a little
even when you just click it   
}
case MotionEvent.ACTION_MOVE:
isMove = true;

Xdiff 是新 x 坐标和上一个 x 坐标之间的差异。因此,在每个步骤中,您都需要保存先前的位置。也就是说,在 ontouch 事件中计算 xprev,在 action up 事件中计算 xnew(当前 x)。xdiff = xcurrent - xprev。这回答了您的问题吗? - Deepika Anand
如果差异大于10,您可以在MotionEvent.ACTION_MOVE中设置isMove = true - Pierre

6

我尝试在我的项目中应用@Biraj的解决方案,但它没有起作用 - 我注意到SimpleOnGestureListener的扩展不仅应该覆盖onSingleTapConfirmed方法,还应该覆盖onDown方法。根据文档

如果在onDown()中返回false(默认情况下GestureDetector.SimpleOnGestureListener会这样做),系统将认为您想忽略手势的其余部分,并且GestureDetector.OnGestureListener的其他方法将不会被调用。

以下是复杂的解决方案:

public class MainActivity extends Activity {
    private GestureDetector gestureDetector;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        gestureDetector = new GestureDetectorCompat(this, new SingleTapConfirm());
        ImageButton imageButton = (ImageButton) findViewById(R.id.img);

        imageButton.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View arg0, MotionEvent arg1) {

                if (gestureDetector.onTouchEvent(arg1)) {
                    // single tap
                    return true;
                } else {
                    // your code for move and drag
                }

                return false;
            }
        });

    }

    private class SingleTapConfirm extends SimpleOnGestureListener {

        @Override
        public boolean onDown(MotionEvent e) {
            /*it needs to return true if we don't want 
            to ignore rest of the gestures*/
            return true;
        }

        @Override
        public boolean onSingleTapConfirmed(MotionEvent event) {
            return true;
        }
    }

}

我猜测,这种行为可能是由于GestureDetectorCompat的不同引起的,但我会遵循文档并使用第二个:

在可能的情况下,请使用支持库类以与运行Android 1.6及更高版本的设备兼容


2
这也会对滚动事件返回true,因为onDown()返回true。 - NullPointer
@Krzysztof 的想法是正确的;我通过使用两个监听器成功避免了 Type 1 错误,一个监听器同时包含 Tap Up 和 onDown,另一个只包含 onDown。在我的 gridTouched 处理程序中,我首先进行以下操作: // 只需要 tap up if(!singleTapUpDetector.onTouchEvent(motionEvent)) return false; // 不需要 onDown if(downCatchDetector.onTouchEvent(motionEvent)) return true; - anthropic android
我也想要onLongPress,有什么方法可以得到它吗? - Hitesh Danidhariya

6
MainActivity代码中,执行以下操作。
public class OnSwipeTouchListener_imp extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_on_swipe_touch_listener);

    ImageView view = (ImageView)findViewById(R.id.view);

    view.setOnTouchListener(new OnSwipeTouchListener(OnSwipeTouchListener_imp.this)
    {
        @Override
        public void onClick()
        {
            super.onClick(); // your on click here              
            Toast.makeText(getApplicationContext(),"onClick",Toast.LENGTH_SHORT).show();
        }

        @Override
        public void onDoubleClick()
        {
            super.onDoubleClick(); // your on onDoubleClick here               
        }

        @Override
        public void onLongClick()
        {
            super.onLongClick(); // your on onLongClick here                
        }

        @Override
        public void onSwipeUp() {
            super.onSwipeUp(); // your swipe up here                
        }

        @Override
        public void onSwipeDown() {
            super.onSwipeDown();  // your swipe down here.

        }

        @Override
        public void onSwipeLeft() {
            super.onSwipeLeft(); // your swipe left here.                
            Toast.makeText(getApplicationContext(),"onSwipeLeft",Toast.LENGTH_SHORT).show();
        }

        @Override
        public void onSwipeRight() {
            super.onSwipeRight(); // your swipe right here.                
            Toast.makeText(getApplicationContext(),"onSwipeRight",Toast.LENGTH_SHORT).show();
        }
    });
}
}

然后创建一个名为OnSwipeTouchListener的Java类。

public class OnSwipeTouchListener implements View.OnTouchListener {

private GestureDetector gestureDetector;

public OnSwipeTouchListener(Context c) {
    gestureDetector = new GestureDetector(c, new GestureListener());
}

public boolean onTouch(final View view, final MotionEvent motionEvent) {
    return gestureDetector.onTouchEvent(motionEvent);
}

private final class GestureListener extends GestureDetector.SimpleOnGestureListener {

    private static final int SWIPE_THRESHOLD = 100;
    private static final int SWIPE_VELOCITY_THRESHOLD = 100;

    @Override
    public boolean onDown(MotionEvent e) {
        return true;
    }

    @Override
    public boolean onSingleTapUp(MotionEvent e) {
        onClick();
        return super.onSingleTapUp(e);
    }

    @Override
    public boolean onDoubleTap(MotionEvent e) {
        onDoubleClick();
        return super.onDoubleTap(e);
    }

    @Override
    public void onLongPress(MotionEvent e) {
        onLongClick();
        super.onLongPress(e);
    }

    // Determines the fling velocity and then fires the appropriate swipe event accordingly
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        boolean result = false;
        try {
            float diffY = e2.getY() - e1.getY();
            float diffX = e2.getX() - e1.getX();
            if (Math.abs(diffX) > Math.abs(diffY)) {
                if (Math.abs(diffX) > SWIPE_THRESHOLD && Math.abs(velocityX) > SWIPE_VELOCITY_THRESHOLD)
                {
                    if (diffX > 0)
                    {
                        onSwipeRight(); // Right swipe
                    } else {
                        onSwipeLeft();  // Left swipe
                    }
                }
            } else {
                if (Math.abs(diffY) > SWIPE_THRESHOLD && Math.abs(velocityY) > SWIPE_VELOCITY_THRESHOLD) {
                    if (diffY > 0) {
                        onSwipeDown(); // Down swipe
                    } else {
                        onSwipeUp(); // Up swipe
                    }
                }
            }
        } catch (Exception exception) {
            exception.printStackTrace();
        }
        return result;
    }
}

public void onSwipeRight() {
}

public void onSwipeLeft() {
}

public void onSwipeUp() {
}

public void onSwipeDown() {
}

public void onClick() {
}

public void onDoubleClick() {
}

public void onLongClick() {
}
}

希望这能为您提供启示 :)

2
也许你可以使用布尔值来解决问题。
例如: Boolean isMoving = false;
public boolean onTouch(View v, MotionEvent event) {

switch (event.getAction()) {

    case MotionEvent.ACTION_MOVE:
                 isMoving = true;

          // implement your move codes
    break;

    case MotionEvent.ACTION_UP:
               isMoving = false;
    break;

default:
        break;
    }

然后在您的onclick方法中检查布尔值。如果为false,则执行单击操作,如果为true ... 则不执行操作。

public void onClick(View arg0) {

    switch (arg0.getId()) {

    case R.id.imagebutton:
        if(!isMoving) {
                   //code for on click here
                }
    default:
        break;
    }
}

1
希望我没有太晚,但您可以通过时间计数器实现这一点。 考虑到一次点击不到一秒的时间......
    long prev=0;
    long current = 0;
    long dif =0; 
   public boolean onTouch(View view, MotionEvent event) {
            switch (event.getAction() & MotionEvent.ACTION_MASK) {
                case MotionEvent.ACTION_DOWN:

                    prev = System.currentTimeMillis() / 1000;

                    break;
                case MotionEvent.ACTION_UP:

                    current = System.currentTimeMillis() / 1000;
                    dif = current - prev;
                    if (dif == 0) {
                        //Perform Your Click Action
                    }
                    break;
                 }
           }

希望能对某人有所帮助。

1
您可以通过获取x、y值的差异来区分触摸、点击和滑动,例如:

var prevY = 0
var prevX = 0
    controls.setOnTouchListener { v, event ->

                when (event?.actionMasked) {

                    MotionEvent.ACTION_DOWN -> {
                        prevY = event.rawY.toInt()
                        prevX = event.rawX.toInt()

                    }

                    MotionEvent.ACTION_UP->{
                        Log.d("Controls","Action up")
                        var y = event.rawY.toInt()
                        var x = event.rawX.toInt()
                        val diffY = Math.abs(prevY - y)
                        val diffX = Math.abs(prevX - x)
                        if(diffX in 0..10 && diffY in 0..10){
                          // its a touch
                        }
                         //check diffY if negative, is a swipe down, else swipe up
                      //check diffX if negative, its a swipe right, else swipe left
                    }
                }
                true
            }

0

只需使用布尔字段,并在触发OnTouchListener时将其设置为true值。之后,当OnClickListener想要触发时,您将检查布尔字段,如果为真,则不会在onClick事件处理程序中执行任何操作。

    private blnTouch = false;

private OnTouchListener btnOnTouchListener = new OnTouchListener() {

@Override
public boolean onTouch(View v, MotionEvent event) {
    // TODO Auto-generated method stub
    if (event.getAction()==MotionEvent.ACTION_DOWN){
        blnOnTouch = true;
    }
    if (event.getAction()==MotionEvent.ACTION_UP){
        blnOnTouch = false;
    }
               }
 };

private OnClickListener btnOnClickListener = new OnClickListener() {

    @Override
    public void onClick(View arg0) {
        if (blnOnTouch){
            // Do Your OnClickJob Here without touch and move
        }

    }
};

3
根据你的逻辑,每次都会触发onTouch,因此基本上onclick永远不会被调用。 - Salman Khakwani

0

点击监听事件;如果动作按下和抬起在您的组件范围内,则调用onclicklistener。因此,通过触摸检测激活onclick事件。只有在动作向上和向下在您的组件起始位置时,您才能设置onTouchListener并接收单击事件。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接