如何在Android中为点击的图像按钮创建边框？

Question

我正在使用Imagebuttons在我的android项目中显示一些图标.

<ImageButton
    android:id="@+id/button_one"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:padding="20dp"
    android:contentDescription="@string/button_one"
    android:background="@android:color/transparent"
    android:src="@drawable/button_one" />

我想,当按钮处于按下状态时,会出现一个带圆角的白色边框.我该怎么做才能实现这一目标？这可以仅使用代码完成,还是需要额外的背景图像？

Answer 1

如果您不想使用边框创建单独的图像,这是一种方法.

使用边框样式创建一个可绘制的xml(例如border.xml)

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke
        android:width="1dp"
        android:color="#FFF" />
    <padding
        android:left="1dp"
        android:top="1dp"
        android:right="1dp"
        android:bottom="1dp" />
    <corners
        android:bottomRightRadius="8dip"
        android:bottomLeftRadius="8dip"
        android:topRightRadius="8dip"
        android:topLeftRadius="8dip" />
</shape>

创建一个drawable选择器(例如some_selector_name.xml).基本上按下时,它会显示你的边框可绘制.否则,它将是透明的.

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

将图像按钮的背景设置为选择器可绘制的.

<ImageButton
    android:id="@+id/button_one"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:padding="20dp"
    android:contentDescription="@string/button_one"
    android:background="@drawable/some_selector_name.xml"
    android:src="@drawable/button_one" />

现在,当您按下按钮时,它应显示白色边框.这只是一个例子,但你应该明白这个想法.