Android 在单击时突出显示图像按钮

Question

我正在使用 ImageButton。但点击时我没有突出显示。我用谷歌搜索，许多人建议使用显示另一张图像的选择器。有什么办法解决这个问题吗？仅使用一张图像并突出显示它或赋予它发光效果。以便用户知道该按钮已被单击。

Answer 1

这其实并不是很难做到的。您甚至不需要创建 2 个单独的 .png 文件或类似文件。例如，如果您想要一个具有渐变的按钮，然后在按下按钮时更改它：

第 1 步：
创建默认按钮渐变 (drawable/default_button.xml)：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle">
    <corners android:radius="3dp" />
    <gradient android:endColor="#8ba0bb" android:startColor="#43708f" android:angle="90" />
    <stroke android:width="1dp" android:color="#33364252" />
</shape>

步骤 2：创建默认按钮按下渐变 (drawable/default_button_pressed.xml)：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle">
    <corners android:radius="3dp" />
    <gradient android:endColor="#43708f" android:startColor="#8ba0bb" android:angle="90" />
    <stroke android:width="1dp" android:color="#33364252" />
</shape>

步骤 3：创建选择器 (drawable/default_button_selector.xml)：

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_pressed="true" android:drawable="@drawable/default_button_pressed" /> 
    <item android:drawable="@drawable/default_button" /> 
</selector>

步骤 4 （可选）< /em>：为按钮创建样式 (values/style.xml)：

<resources>
    <style name="DefaultButton">
        <item name="android:layout_width">wrap_content</item>   
        <item name="android:layout_height">wrap_content</item>
        <item name="android:background">@drawable/default_button_selector</item>
    </style>
</resources>

步骤 5：使用按钮 (layout/main.xml)：

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

    <button style="@style/DefaultButton" />

</RelativeLayout>

如您所见，这并不是特别困难。

Answer 2

无需创建多个图像（按下、正常等），甚至无需创建选择器。使用 setOnTouchListener 而不是 setOnClickListener。下面的代码将为您提供单击项目上的灰色叠加层。

 ((ImageButton)findViewById(R.id.myImageBtn)).setOnTouchListener(new OnTouchListener() {

      @Override
        public boolean onTouch(View v, MotionEvent event) {
          switch (event.getAction()) {
          case MotionEvent.ACTION_DOWN: {
              ImageButton view = (ImageButton ) v;
              view.getBackground().setColorFilter(0x77000000, PorterDuff.Mode.SRC_ATOP);
              v.invalidate();
              break;
          }
          case MotionEvent.ACTION_UP:

              // Your action here on button click

          case MotionEvent.ACTION_CANCEL: {
              ImageButton view = (ImageButton) v;
              view.getBackground().clearColorFilter();
              view.invalidate();
              break;
          }
          }
          return true;
        }
    });

Answer 3

您只需在 View 中使用 android:foreground 即可实现可点击效果：

android:foreground="?android:attr/selectableItemBackground"

对于深色主题，还需添加主题到你的布局（使可点击效果清晰）：

android:theme="@android:style/ThemeOverlay.Material.Dark"

Answer 4

为了不必为每个按钮设置多个可绘制对象，我在触摸侦听器中设置了图像按钮的滤色器属性。

请参阅另一篇文章中的代码：

https://stackoverflow.com/a/14278790/891479

Answer 5

我成功做到了这一点！
首先，在drawable文件夹中声明buttonStyle.xml。

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

  <item
      android:state_focused="false"
      android:state_pressed="true"
      android:drawable="@drawable/button_pressed" />

  <item android:drawable="@drawable/button_normal" />
</selector>

然后在drawable文件夹中创建button_pressed.xml。

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
  <solid android:color="@color/semiTransparentGnfrBlueColor" />
  <stroke android:width="10dp" android:color="@android:color/transparent" />
</shape>

之后，您在drawable文件夹中创建button_normal.xml。

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:innerRadiusRatio="3"
  android:shape="rectangle">
  <solid android:color="@color/gnfrBlueColor"/>
  <stroke android:width="10dp" android:color="@android:color/transparent" />
</shape>

您可以使用默认颜色，但如果您想像我一样这样做，您需要在值文件夹中有一个名为 colors.xml 的文件，并在其中包含此值：

<?xml version="1.0" encoding="utf-8"?>
<resources>
<item name="gnfrBlueColor" type="color">#2A3748</item>
  <item name="semiTransparentGnfrBlueColor" type="color">#602A3748</item>
<integer-array name="androidcolors">
<item>@color/gnfrBlueColor</item>
    <item>@color/semiTransparentGnfrBlueColor</item>
  </integer-array>
</resources>

最后，您将其设置为按钮或其他内容：

savedAccountLoginButton.SetBackgroundResource(Resource.Drawable.buttonStyle);

注意我设置了颜色透明的描边，因为当您设置backgroundresource时，您的按钮会变得更大，并且通过这个技巧它仍然保持原始状态。

这是我能够以编程方式实现此目的的唯一方法。

如果您想通过 XML 来执行此操作：

<Button
            android:text="ENTRAR"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:background="@drawable/buttonstyle"
            android:textColor="@color/white"
            android:textSize="18sp"
            android:id="@+id/button1" />