Android使用xml定义带背景Button(解决ImageButton不能加文字的问题)

虽然Android给我们提供了ImageButton 这一组件来实现带有自定义图片背景的Button,但是ImageButton有一个缺陷就是不能添加文字而如下的方法则可以综合二者的优势.

用到的图片:





在drable下新建一个button_blue_style.xml文件来描述Button的按下效果:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
          android:drawable="@drawable/button_blue_click" /> <!-- pressed -->
    <item android:state_focused="true"
          android:drawable="@drawable/button_blue_click" /> <!-- focused -->
    <item android:drawable="@drawable/button_blue_nomal" /> <!-- default -->
</selector>

然后按照使用普通Button的方法在布局文件中加入该Button

<Button
        android:id="@+id/renrenButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/textView2"
        android:layout_centerHorizontal="true"
        android:background="@drawable/button_blue_style"
        android:drawableLeft="@drawable/renrenicon"
        android:text="@string/login_usingrenren"
        android:textColor="#000000" />

需要说明的是为了使Button能够适应不同长度文字内容,我们使用.9PNG作为Button背景.

效果图如下: