Android - 自动覆盖触地/突出显示的图像按钮状态

Question

是否可以使用 ImageButton 实现触摸和突出显示状态，而无需在 Android 上添加 2 个图像资源（考虑到 h/m/ldpi，还需要 6 个图像资源）？我基本上正在寻找类似于 iOS 的行为，其中操作系统可以在按钮的触摸状态上放置半 alpha 覆盖。

我尝试在 onTouch 侦听器中使用 setColorFilter(0xFF000000, Mode.MULTIPLY) ，结果非常接近我想要的结果 - 但我不确定状态处理的最佳方式实现这一点：

即

1. touchDown 事件 ->更改颜色叠加。
   
2. touchUp 事件 ->删除颜色叠加，并执行按钮操作。

有没有更好的方法...或者有人可以帮助填补空白？

我不想使用单独的图像有几个原因 - 这是一个 iPhone 端口，我还没有合适的资源，并且考虑到我已经有低/中/高的创意，需要更多的设计时间考虑。

谢谢！

Answer 1

如果您对 setColorFilter(0xFF000000, Mode.MULTIPLY) 感到满意，那么如何为自己创建一个扩展 ImageButton 的自定义组件呢？

像这样的东西：（

抱歉我没有机会测试这个）

package com.example;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageButton;

public class IosImageButton extends ImageButton implements OnTouchListener
{

    public IosImageButton(final Context context, final AttributeSet attrs, final int defStyle)
    {
        super(context, attrs, defStyle);
        this.init();
    }

    public IosImageButton(final Context context, final AttributeSet attrs)
    {
        super(context, attrs);
        this.init();
    }

    public IosImageButton(final Context context)
    {
        super(context);
        this.init();
    }

    private void init()
    {
        super.setOnTouchListener(this);
    }

    @Override
    public boolean onTouch(final View view, final MotionEvent event)
    {
        switch (event.getAction())
        {
            case MotionEvent.ACTION_DOWN:
                // touchDown event -> Change color overlay. goes here
                // e.g. this.setColorFilter(0xFF000000, Mode.MULTIPLY);
                return true;

            case MotionEvent.ACTION_UP:
                // touchUp event -> remove color overlay, and perform button action.
                // e.g. this.setColorFilter(0xFF000000, Mode.MULTIPLY);
                return true;

            default:
                return false;
        }
    }
}

然后是 view.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <com.example.IosImageButton 
        <!-- add standard ImageButton setting here -->
        />

</RelativeLayout>

Answer 2

不要使用触摸事件来尝试在此类内容上显示适当的状态。你不可避免地会得到部分错误。该框架做了很多工作来检测用户意图（例如：用户触地但随后滑落手指），同时考虑到诸如倾斜等因素。

对于 ImageButton，您可以使用 src 属性来显示图标，然后使用适当的 StateListDrawable 作为背景。

我创建了一个快速项目供您查看 在 Github 上

请注意，触摸状态显示在背景中，不是前景。请参阅 Google+ 上的讨论，了解为什么 Android 框架工程师认为触摸反馈应该放在后面，而不是放在后面正面。如果您仍然希望可绘制对象位于前面，请参阅我的帖子 在我的博客上