Android：在带有图像、下方文本和自定义边框的按钮上添加按下效果

debugcn 发表于 Dev

阿德里亚诺·卡瓦略

我正在做一个项目，我有一个主菜单，其中的按钮在图像下有图像和文本，它们已经完成：

为了实现带有圆角的按钮布局，我将一个名为 border_button 的 xml 作为背景：

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="3dp" />
    <solid android:color="@color/colorPrimary" />
</shape>

为了保持背景图像和文本带有圆角，我的按钮 xml 是这样的：

        <Button
            android:id="@+id/buttonMeusDados"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="2sp"
            android:layout_weight="1"

            android:background="@drawable/border_button"
            android:drawableTop="@drawable/button_image_icon_meus_dados"
            android:text="@string/my_data"
            android:textColor="@android:color/white" />

现在的问题是这些按钮在按下时不会向用户返回任何反馈，它们是静态的，没有按下动画

我找到了很多方法来做到这一点，但我无法将它们与我已有的混合，如果我制作按下效果动画，我会丢失所有带有圆角等的重新排列布局

对于按下的效果，我主要遵循本主题的@Ljdawson 回答：点击 Android 中的按钮效果但没有成功，正如我上面解释的

我该怎么做？

N. 马蒂奇

你border_button.xml应该是一个选择器。如下例所示：

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- the order of items is important. The first one that matches the state is rendered. -->
    <item android:state_pressed="true" android:drawable="@drawable/button_pressed"/>
    <item android:drawable="@drawable/button_normal" />
</selector>

        <!-- to make transition more visible you can slow it down. 
             Add this inside of selector tag, after the xmlns:android="..."
             android:exitFadeDuration="@android:integer/config_longAnimTime"
          -->

button_pressed和button_normal是绘制按钮按下状态和正常状态的 xml 文件，示例如下：

<!-- button_pressed.xml -->
<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="3dp" />
    <solid android:color="@color/colorAccent" />
</shape>

和

<!-- button_normal.xml -->
<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="3dp" />
    <solid android:color="@color/colorPrimary" />
</shape>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。