按钮（Button）组件的功能与用法

Button继承了TextView，他主要是在UI界面上生成一个按钮，该按钮可以供用户单击，当用户单击按钮时，按钮会触发一个onClick事件。

按钮使用起来比较容易，可以通过制定Android:background属性为按钮增加背景颜色或背景图片。

实例：按钮、圆形按钮、带文字的图片按钮。

界面布局文件如下。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.example.l2112.buttontest.MainActivity"
    tools:showIn="@layout/activity_main"
    android:orientation="vertical">
    <!--文字带阴影的按钮-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="文字带阴影的按钮"
        android:textSize="12pt"
        android:shadowColor="#aa5"
        android:shadowRadius="1"
        android:shadowDx="5"
        android:shadowDy="5"/>
    <!--普通文字按钮-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/red"
        android:text="普通按钮"
        android:textSize="10pt"/>
    <!--带文字的图片按钮-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button_selector"
        android:textSize="11px"
        android:text="带文字的图片按钮"/>
</LinearLayout>

第三个按钮有点特殊，他指定了android:background属性为@deawable/button_selector，该属性值引用一个Drawable资源，该资源对应的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/red" />
    <!--指定按钮松开时的图片-->
    <item
        android:state_pressed="false"
        android:drawable="@drawable/purple"/>
</selector>

使用Activity显示上面的布局文件。如下。