android - 创建具有不同点击状态的不规则形状的 ImageButton

Question

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

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

所以我实现了一个 OnTouchListener，它根据位图的像素值检查触摸事件的坐标(如第一个答案中所述:link)。就决定按钮是否被按下的逻辑而言，这是有效的，但现在按钮的图像不再变为按下的图像。

这是我的:

选择器 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:

<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"
     />

在 Activity 中:

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()，您可以在最顶部过滤触摸并保留所有其他逻辑 - 您可以向按钮添加任何监听器，它们将像普通按钮一样工作，但只有当您的条件为真时。