Question

在Android中，当我将背景图像设置为Button时，我看不到对按钮的任何影响。

我需要对按钮产生一些影响，这样用户才能识别出该按钮被点击了。

按钮应该是黑暗的，而它点击几秒钟，所以我该怎么做？

感谢。

Answer 1

这可以通过创建包含按钮状态列表的可绘制xml文件来实现。因此，例如，如果使用以下代码创建名为“button.xml”的新xml文件：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true" android:state_pressed="false" android:drawable="@drawable/YOURIMAGE" />
    <item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/gradient" />
    <item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/gradient" />
    <item android:drawable="@drawable/YOURIMAGE" />
</selector>

要保持背景图像的外观变暗，请创建第二个xml文件，并使用以下代码将其命名为gradient.xml：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <bitmap android:src="@drawable/YOURIMAGE"/>
    </item>
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android">
            <gradient android:angle="90" android:startColor="#880f0f10" android:centerColor="#880d0d0f" android:endColor="#885d5d5e"/>
        </shape>
    </item>
</layer-list>

在按钮的xml中，将背景设置为按钮xml，例如

android:background="@drawable/button"

希望这有帮助！

编辑：更改上面的代码以在按钮中显示图像（YOURIMAGE）而不是块颜色。

Answer 2

当你有很多图像按钮时，它会更简单，你不想为每个按钮写xml-s。

Kotlin版本：

fun buttonEffect(button: View) {
    button.setOnTouchListener { v, event ->
        when (event.action) {
            MotionEvent.ACTION_DOWN -> {
                v.background.setColorFilter(-0x1f0b8adf, PorterDuff.Mode.SRC_ATOP)
                v.invalidate()
            }
            MotionEvent.ACTION_UP -> {
                v.background.clearColorFilter()
                v.invalidate()
            }
        }
        false
    }
}

Java版本：

public static void buttonEffect(View button){
    button.setOnTouchListener(new OnTouchListener() {

        public boolean onTouch(View v, MotionEvent event) {
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN: {
                    v.getBackground().setColorFilter(0xe0f47521,PorterDuff.Mode.SRC_ATOP);
                    v.invalidate();
                    break;
                }
                case MotionEvent.ACTION_UP: {
                    v.getBackground().clearColorFilter();
                    v.invalidate();
                    break;
                }
            }
            return false;
        }
    });
}

Answer 3

创建您的AlphaAnimation对象，决定该按钮的淡化效果，然后让它从按钮的onClickListener开始

例如：

private AlphaAnimation buttonClick = new AlphaAnimation(1F, 0.8F);

// some code

public void onClick(View v) {
    v.startAnimation(buttonClick);
}

当然这只是一种方式，而不是最受欢迎的方式，它更容易

Answer 4

通过引用系统属性android：attr / selectableItemBackground，使您的项目与系统外观一致并不难。例如，如果您想在窗口小部件中创建一个ImageView，那么可以选择＆＃34;适当的突出显示等：只做

<input type="radio"

android_sdk_path / platforms / android-x中有很多内容。快乐挖掘！

编辑：我后来发现这个简单的属性不适用于SDK＆lt; V11。所以我现在知道的最好方法是下载appwidget模板包并使用它。

https://stackoverflow.com/a/11513474/4683601

Answer 5

您可以将view的前景简单地用于实现可点击的效果：

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

Answer 6

或者只使用一张背景图片，您可以使用setOnTouchListener

来实现点击效果

两种方式

((Button)findViewById(R.id.testBth)).setOnTouchListener(new OnTouchListener() {

      @Override
        public boolean onTouch(View v, MotionEvent event) {
          switch (event.getAction()) {
              case MotionEvent.ACTION_DOWN: {
                  Button view = (Button) 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: {
                  Button view = (Button) v;
                  view.getBackground().clearColorFilter();
                  view.invalidate();
                  break;
              }
          }
          return true;
        }
});

如果您不想使用setOnTouchLister，另一种实现此目的的方法是

    myButton.getBackground().setColorFilter(.setColorFilter(0xF00, Mode.MULTIPLY);

    StateListDrawable listDrawable = new StateListDrawable();
    listDrawable.addState(new int[] {android.R.attr.state_pressed}, drawablePressed);
    listDrawable.addState(new int[] {android.R.attr.defaultValue}, myButton);

    myButton.setBackgroundDrawable(listDrawable);

Answer 7

只想添加另一种简单的方法：如果你的ImageButton仍然是它的背景而你没有将它设置为null，它将像普通按钮一样工作，并且会像点击其他按钮一样显示点击动画。隐藏背景时隐藏背景的方式：

<ImageButton
    android:id="@+id/imageButton2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingBottom="1dp"
    android:paddingLeft="1dp"
    android:paddingRight="1dp"
    android:paddingTop="1dp"
    android:src="@drawable/squareicon" />

填充物不会让背景可见，并使按钮像其他按钮一样。

Answer 8

这是我从@Vinayak的回答中得到提示的最佳解决方案。所有其他解决方案都有不同的缺点。

首先创建一个这样的函数。

void addClickEffect(View view)
{
    Drawable drawableNormal = view.getBackground();

    Drawable drawablePressed = view.getBackground().getConstantState().newDrawable();
    drawablePressed.mutate();
    drawablePressed.setColorFilter(Color.argb(50, 0, 0, 0), PorterDuff.Mode.SRC_ATOP);

    StateListDrawable listDrawable = new StateListDrawable();
    listDrawable.addState(new int[] {android.R.attr.state_pressed}, drawablePressed);
    listDrawable.addState(new int[] {}, drawableNormal);
    view.setBackground(listDrawable);
}

<强>解释

getConstantState（）。newDrawable（）用于克隆现有的Drawable，否则将使用相同的drawable。从这里了解更多： Android: Cloning a drawable in order to make a StateListDrawable with filters

mutate（）用于使Drawable克隆不与其他Drawable实例共享其状态。在这里阅读更多相关信息： https://developer.android.com/reference/android/graphics/drawable/Drawable.html#mutate()

<强>用法：

您可以将任何类型的视图（Button，ImageButton，View等）作为参数传递给函数，它们将获得应用于它们的点击效果。

addClickEffect(myButton);
addClickEffect(myImageButton);

Answer 9

对于所有视图

android:background="?android:attr/selectableItemBackground

但是对于具有海拔用途的Cardview

android:foreground="?android:attr/selectableItemBackground

如工具栏中的圆形单击效果

android:background="?android:attr/actionBarItemBackground"

还需要设置

 android:clickable="true"
 android:focusable="true"

Answer 10

Step: set a button in XML with onClick Action:

 <Button
android:id="@+id/btnEditUserInfo"
style="?android:borderlessButtonStyle"
android:layout_width="wrap_content"
android:layout_height="@dimen/txt_height"
android:layout_gravity="center"
android:background="@drawable/round_btn"
android:contentDescription="@string/image_view"
android:onClick="edit_user_info"
android:text="Edit"
android:textColor="#000"
android:textSize="@dimen/login_textSize" />

Step: on button clicked show animation point
//pgrm mark ---- ---- ----- ---- ---- ----- ---- ---- -----  ---- ---- -----

    public void edit_user_info(View view) {

        // show click effect on button pressed
        final AlphaAnimation buttonClick = new AlphaAnimation(1F, 0.8F);
        view.startAnimation(buttonClick);

        Intent intent = new Intent(getApplicationContext(),  EditUserInfo.class);
        startActivity(intent);

    }// end edit_user_info

Answer 11

将RippleDrawable用于“材质设计”状态的按下/单击效果。

为了实现这一点，请在/ drawable文件夹下将涟漪项目创建为.xml，并在android：background中将其用于任何视图。

按下/单击图标的效果，请使用圆形波纹效果，例如：

<ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="@android:color/darker_gray" />
对于单击带有矩形边界的视图的效果，我们可以在波纹管等现有可绘制对象上添加波纹：

<?xml version="1.0" encoding="utf-8"?> <ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="#000000"> <item android:drawable="@drawable/your_background_drawable"/> </ripple>

Answer 12

对Andràs做一个小小的补充回答：

您可以使用postDelayed使滤色片持续一小段时间，使其更加明显：

        @Override
        public boolean onTouch(final View v, MotionEvent event) {
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN: {
                    v.getBackground().setColorFilter(color, PorterDuff.Mode.SRC_ATOP);
                    v.invalidate();
                    break;
                }
                case MotionEvent.ACTION_UP: {
                    v.postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            v.getBackground().clearColorFilter();
                            v.invalidate();
                        }
                    }, 100L);
                    break;
                }
            }
            return false;
        }

您可以更改延迟100L的值以满足您的需求。

Answer 13

如果您使用的是xml背景而不是IMG，请将其删除：

<item>
    <bitmap android:src="@drawable/YOURIMAGE"/>
</item>

来自@Ljdawson给我们的第一个答案。

Answer 14

创建动画的bounce.xml文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <scale
        android:duration="100"
        android:fromXScale="0.9"
        android:fromYScale="0.9"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.0"
        android:toYScale="1.0" />

</set>

在 onClick 中添加此行以初始化

最终动画myAnim = AnimationUtils.loadAnimation（此， R.anim.bounce）; button.startAnimation（myAnim）;

单击按钮即可获得收缩效果。

Answer 15

我遇到了同样的问题，我需要一个透明的背景，但仍然有动画效果。设置它为我解决了它：

android:background="?android:selectableItemBackground"

如果你想有循环效果，也可以这样做：

android:background="?android:selectableItemBackgroundBorderless"

如何在Android中设置按钮点击效果？

15 个答案: