创建具有不同单击状态的不规则形状的图像按钮

Question

我创建了一个带有按下和未按下状态选择器的 ImageButton，这工作正常。

但是按钮的形状不规则，我只希望它在底层矩形图像不透明的地方可点击。

因此，我实现了一个 OnTouchListener，它根据位图的像素值检查触摸事件的坐标（如此处的第一个答案中所述：链接）。就决定是否按下按钮的逻辑而言，这是有效的，但现在按钮的图像不再更改为按下的图像。

这是我所拥有的：

选择器 xml 文件：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_pressed="true" android:drawable="@drawable/button_start_call_pressed" />
    <item android:drawable="@drawable/button_start_call_normal" />
</selector>

布局中的部分透明图像按钮：

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

在活动中：

public void onCreate(Bundle savedInstance) {
   super.onCreate(savedInstance);
   ...
   ImageButton startCallButton = (ImageButton) this.findViewById(R.id.dashboardStartCallButton);
   startCallButton.setOnTouchListener(new OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            return OnStartCallButtonTouch(v,event);
        }           
    });
}

public boolean OnStartCallButtonTouch(View v, MotionEvent event)
{
    Bitmap TheBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.button_start_call_normal);
    int eventPadTouch = event.getAction();
    int iX = (int) event.getX();
    int iY = (int) event.getY();
    switch (eventPadTouch) {
        case MotionEvent.ACTION_DOWN:
            if (iX>=0 & iY>=0 & iX<TheBitmap.getWidth() & iY<TheBitmap.getHeight()) {                 
                if (TheBitmap.getPixel(iX,iY)!=0) {
                    onStartCallButtonClicked(v); 
                    return false; 
                } 
            }
    }           
    return true;
}

Answer 1

我认为您实际上正在寻找这个：

View.dispatchTouchEvent（...）

您需要在自定义按钮中重写此方法，以便在点不在所需区域中时返回 false。我建议你这样做：

public static class MyButton extends ImageButton {
    ...
    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        int iX = (int) event.getX();
        int iY = (int) event.getY();
        // TODO Or use a more sophisticated, pixel value-based condition
        if (!(iX>=0 & iY>=0 & iX<TheBitmap.getWidth() & iY<TheBitmap.getHeight())) {
            return false;
        }
        return super.dispatchTouchEvent(event)
    }
}

为什么不使用OnTouchListener：因为你需要调用View.onTouchEvent（）（这是在super.dispatchTouchEvent（event）中完成的）来让View处理可绘制状态（它是在onTouchEvent（）中使用View.refreshDrawableState（）方法完成的，还有一些更复杂的逻辑）

为什么不覆盖 onTouchEvent（）：因为在 View.dispatchTouchEvent（） 中有一个条件，如果有一个 OnTouchListener，那么让侦听器处理所有内容并返回 true。因此，如果稍后出于某种原因将 OnTouchListener 设置为按钮，则不会检查 onTouchEvent（） 中基于坐标的条件，因为 onTouchEvent（） 永远不会被调用。通过覆盖 dispatchTouchEvent（），您可以在最顶部过滤触摸并保留所有其他逻辑 - 您可以将任何侦听器添加到按钮，它们将像普通按钮一样工作，但前提是您的条件为 true。

Answer 2

我认为您需要修改碰撞检测，以确定触摸是否在按钮内。 使用下面的方法。

public boolean OnStartCallButtonTouch(View v, MotionEvent event)
{
    Bitmap TheBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.button_start_call_normal);
    int eventPadTouch = event.getAction();
    int iX = (int) event.getX();
    int iY = (int) event.getY();
    int[] location = new int[2];
    v.getLocationOnScreen(location);
    int viewX = location[0];
    int viewY = location[1];

    switch (eventPadTouch) {
        case MotionEvent.ACTION_DOWN:
            if (iX>=viewX & iY>=viewY & iX<=(viewX+TheBitmap.getWidth()) & iY<=(viewY+TheBitmap.getHeight())) {                 
                if (TheBitmap.getPixel(iX,iY)!=0) {
                    onStartCallButtonClicked(v);
                    showPressedState();
                    return false; 
                } 
            }
            break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL:
            showNormalState();
            break;
    }           
    return true;
}
private void showNormalState() {
    // set your button background drawable to show normal state
}
private void showPressedState() {
    // set your button background drawable to show pressed state
}