禁用图像按钮

Question

这看起来很简单，但我无法禁用 ImageButton。它继续接收点击事件，并且其外观不会像标准按钮那样改变。

有一些类似的问题，但它们对我没有帮助。

即使有一个非常简单的布局，如下所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">

    <ImageButton
        android:id="@+id/btn_call"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:clickable="false"
        android:enabled="false"
        android:src="@android:drawable/sym_action_call" />

</LinearLayout>

该按钮仍然处于启用状态，我可以单击它。

奇怪的是，如果我将 ImageButton 更改为简单的 Button，那么它就会按预期工作。该按钮将被禁用并且无法单击。我不明白。有人有想法吗？

Answer 1

以下是我用来禁用 ImageButton 并使其显示为灰色的代码：

/**
 * Sets the specified image buttonto the given state, while modifying or
 * "graying-out" the icon as well
 * 
 * @param enabled The state of the menu item
 * @param item The menu item to modify
 * @param iconResId The icon ID
 */
public static void setImageButtonEnabled(Context ctxt, boolean enabled, ImageButton item,
        int iconResId) {
    item.setEnabled(enabled);
    Drawable originalIcon = ctxt.getResources().getDrawable(iconResId);
    Drawable icon = enabled ? originalIcon : convertDrawableToGrayScale(originalIcon);
    item.setImageDrawable(icon);
}

/**
 * Mutates and applies a filter that converts the given drawable to a Gray
 * image. This method may be used to simulate the color of disable icons in
 * Honeycomb's ActionBar.
 * 
 * @return a mutated version of the given drawable with a color filter
 *         applied.
 */
public static Drawable convertDrawableToGrayScale(Drawable drawable) {
    if (drawable == null) {
        return null;
    }
    Drawable res = drawable.mutate();
    res.setColorFilter(Color.GRAY, Mode.SRC_IN);
    return res;
}

只需调用 setImageButtonEnabled();唯一的缺点是您需要在此处提供图像的资源 ID，因为无法将转换后的图标恢复为原始图标。

Answer 2

ImageButton 具有不同的继承链，这意味着它不扩展 Button：

ImageButton ImageButton ImageButton ImageView < 查看

继续接收点击事件

以下是为 View 设置点击侦听器时发生的情况：

public void setOnClickListener(OnClickListener l) {
    if (!isClickable()) {
        setClickable(true);
    }
    mOnClickListener = l;
}

因此，如果您设置侦听器，android:clickable="false" 会更改为android:clickable="true"。

其外观不会像标准按钮那样改变

您应该向视图提供一个可绘制状态列表，以便它可以根据 android:enabled 设置适当的图像。你有这个吗？或者您的按钮只有唯一的图像？

编辑：您可以在此处找到有关 StateListDrawable 的信息。 android:state_enabled 是您需要在列表中使用的内容，以便告诉操作系统该状态使用什么图像。

EDIT2：由于您确实需要添加一个侦听器，因此您可以在侦听器内部进行检查 if (!isEnabled()) { return; } else { /* 处理事件 */ }.

Answer 3

如果要禁用图像按钮，请在单击事件时将属性“setEnabled”设置为 false

例如： imgButton.setEnabled(false);

Answer 4

确保您的视图层次结构中没有具有相同 id 的视图，并且您没有向该视图添加任何点击侦听器。

Answer 5

利用Oleg Vaskevich的答案。可以为 Kotlin 做出答案。

为 ImageButton 创建一个扩展函数，这样：

/**
 * Sets the specified image buttonto the given state, while modifying or
 * "graying-out" the icon as well
 *
 * @param enabled The state of the menu item
 * @param iconResId The icon ID
 */
fun ImageButton.setButtonEnabled(enabled: Boolean, iconResId: Int) {
    isEnabled = enabled
    val originalIcon = context.resources.getDrawable(iconResId)
    val icon = if (enabled) originalIcon else convertDrawableToGrayScale(originalIcon)
    setImageDrawable(icon)
}

你就可以减少对提供上下文

Answer 6

我设法构建了一个受 Oleg Vaskevich 的 答案 启发的解决方案，但不需要将可绘制资源 ID 传递给 setEnabled()。

这是实用程序模块内部的 Kotlin 代码：

fun Drawable.deepCopy(): Drawable =
    constantState?.newDrawable()?.mutate() ?:
        throw RuntimeException("Called on null Drawable!")

fun Drawable.toGrayscale(): Drawable =
        deepCopy().apply { setColorFilter(Color.GRAY, PorterDuff.Mode.SRC_IN) }

fun ImageButton.setAndShowEnabled(enabled: Boolean) {
    if (enabled == isEnabled)
        return

    isEnabled = enabled

    if (enabled) {
        setImageDrawable(tag as Drawable)
    }
    else {
        if (tag == null)
            tag = drawable

        setImageDrawable(drawable.toGrayscale())
    }
}

它可以像这样使用：

val button: ImageButton = findViewById(...)
// ...
button.setAndShowEnabled(false)

// launch async operation
GlobalScope.launch {
    // do work here

    // unblock button
    button.setAndShowEnabled(true)
}

Answer 7

正如其他答案所说，您不能像禁用 Button 那样在布局 XML 中禁用 ImageButton，但您可以在运行时以相同的方式禁用这两者：

在 Java 中

button.setEnabled(false);     // setEnabled(boolean) on TextView
imgButton.setEnabled(false);  // setEnabled(boolean) on View

：这两种情况下按钮都被禁用——没有点击事件到达它的onClickListener。

您还可以更改禁用的 ImageButton 的图标颜色，就像更改禁用的 Button 上的文本颜色一样，假设该图标是可着色的。

在布局 XML 中：

<Button
    ...
    android:textColor="@drawable/button_color_selector" />


<ImageButton
    ...
    android:tint="@drawable/button_color_selector" />

现在，Button 或 ImageButton 上的 setEnable(boolean) 会根据 中的状态更改文本或图标颜色>button_color_selector.xml

Answer 8

为了改进 Ivan 2018 年的答案：这是一个更简单的方法（Kotlin）：

   fun ImageButton.setAndShowEnabled(enabled: Boolean) {
    val filter = PorterDuffColorFilter(GRAY, PorterDuff.Mode.SCREEN)
    if (enabled == this.isEnabled)
        return

    this.isEnabled = enabled

    if (enabled) {
        drawable.colorFilter = null  // Removes the filter.
    } else {
        drawable.mutate()   // Repeated calls are no-ops.
        drawable.colorFilter = filter
    }
}