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背景.

效果圖如下: