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

时间:2014-02-18 00:38:13

标签: android android-layout android-xml imagebutton

我正在使用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" />

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

1 个答案:

答案 0 :(得分:12)

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

使用边框样式创建一个可绘制的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" />

现在按下按钮时,它应显示白色边框。 这只是一个例子,但你应该明白这一点。