Question

我正在使用ImageButton。但点击后我没有得到突出显示。我用Google搜索并且许多建议使用选择器显示另一个图像。有没有办法解决。只使用一个图像并突出显示它或给它一个发光效果。这样用户就知道该按钮已被点击。

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 （可选）：为按钮创建样式（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

为了不必为每个按钮设置多个drawable，我在触摸监听器中设置了图像按钮的颜色过滤器属性。

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

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

Answer 4

我设法做到了!! 首先，在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>

你可以使用默认颜色，但是如果你想像我这样做，你需要在values文件夹中有一个名为 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" />

Answer 5

您只需为您的android:foreground使用 View 即可获得可点击的效果：

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

要与深色主题配合使用，还应在 layout 中添加主题（以使可点击的效果清晰可见）：

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

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

5 个答案: