Android开发学习笔记（六）Android应用界面编程 Button/ImageButton学习

ImageButton继承自ImageView，Button继承自View。

相比ImageButton，Button具有更强大的功能。

ImageButton仅仅可以指定一个图片（也可是xml），没有文字，而Button图片文字都可以指定。

本测试使用了四个按钮，分别是普通按钮btn1；有文字有背景图（按下时候有变换效果）的按钮btn2；普通图片按钮btn3；有变换效果的图片按钮btn4.

测试代码：

main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/btn1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="press it" />

    <Button
        android:id="@+id/btn2"
        android:layout_below="@id/btn1"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="exit"
        android:background="@drawable/button_sel" />
    
    <ImageButton
        android:id="@+id/btn3"
        android:layout_below="@id/btn2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/one" 
        android:background="#ffffff"/>
    <ImageButton
        android:id="@+id/btn4"
        android:layout_below="@id/btn3"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button_sel" />

</RelativeLayout>

button_sel.xml

<?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/one"/>
	<item android:state_pressed="false"
		  android:drawable="@drawable/two"/>
</selector>

效果图： 

初始状态：                                                                        点击第二个按钮exit之后：                                  点击第四个按钮之后：