Android学习分享-常见控件02-Button详解

本节引言：

Android的View不仅仅能够展示数据，还可以与用户交互（响应用户的操作）。我们经常用到与用户交互的一个控件就是Button，它可以响应用户的点击操作。现在我们就来看看Butoon具体如何使用。

1.基本属性

首先，Button是继承自TextView的，也就是说它可以使用TextView的属性，比如 android:text。那就写一个Button看看吧：

效果很简单，代码其实也就一两行，如下：

<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"    >    <Button        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:text="按钮" /></RelativeLayout>

运行之后你会发现，Button与TextView很相似呀（开头说过，它们是继承关系，所以就像咯）。它们的区别在哪？

• Button的文字内容是默认居中的，也就是说它的 android:gravity默认等于为center。
• Button默认有一个背景色，点击时还会发生变化。（这个默认背景根据运行时Android系统不同会有差别）。

这就是Button对比于TextView主要的不同点，那么既然这个背景是默认的，我们就需要根据不同的需求来改变它，这也是开发中常常实用的，下面我们看看怎么修改它。

Android中修改Button的背景，需要通过Selector实现，Selector（选择器）就是一个XML资源文件，创建方式以Android Studion为例，如下：

1.选择项目中res->drawable(如果没有这个文件夹，需要手动创建)->Drawable resource file


2.输入文件名称，点击“OK”


3.编写Selector内容，新建的Selector如下：

如何编写Selector可能刚开始不知如何下手，我们可以先看看写好的文件，看看效果图，就能看出些规则了，代码如下：

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_pressed="true">        <shape>            <solid android:color="@android:color/holo_blue_light"/>            <corners android:radius="10dp"/>        </shape>    </item>    <item android:state_pressed="false">        <shape>            <solid android:color="@android:color/holo_green_light"/>            <corners android:radius="10dp"/>        </shape>    </item></selector>

文件名：selector_btn_bg.xml

Selector写好之后设置Button属性

android:background="@drawable/selector_btn_bg"

我们就可以看到Button的背景效果，效果图如下：

我们的按钮变成了默认时显示的是绿色，点击之后变成蓝色的效果。根据这个效果，我们再来看看Selector的代码。

1.selector标签的子标签是 item标签，item代表不同状态下对应着不同资源。例如我们这里设置了Button的两个状态 android:state_pressed=”true”（点击）和android:state_pressed=”false”（未点击），常用的还有state_enabled、state_checked、state_selected等（具体用法我们之后再说）。
2.item标签下的是shape标签，shape是一个自定义形状的工具，比如这个Button背景是一个圆角矩形，我们就可以使用shape来达到效果。 使用shape可以可以定义下面四种类型的形状，通过android:shape属性指定：

• rectangle: 矩形，默认的形状，可以画出直角矩形、圆角矩形、弧形等
• oval: 椭圆形，用得比较多的是画正圆
• line:线形，可以画实线和虚线
• ring: 环形，可以画环形进度条

因为shape默认的是矩形，所以这里我们没有定义，我们定义了corners android:radius=”10dp” 代表圆角矩形的圆角是10dp，另外通过solid android:color设置了点击和未点击下的背景色。当然shape不止这几个属性，其他的我们后续再讲。

这就是一个基本的Selector和Shape的联合使用，后面你会发现，使用它们可以让你的控件变得更加丰富。

2.点击事件的响应

开头我们就说Button可以响应用户的点击操作，现在就让我们看看怎样实现Button 点击。
先看看效果图：

不多说，看代码
第一种方式，代码如下：
布局文件 activity_main.xml

<?xml version="1.0" encoding="utf-8"?><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"    tools:context="com.example.liu.button.MainActivity">    <Button        android:id="@+id/btn"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:background="@drawable/selector_btn_bg"        android:layout_margin="10dp"        android:textColor="@android:color/white"        android:layout_centerInParent="true"        android:textSize="16sp"        android:text="点我呀"        android:onClick="click"/></RelativeLayout>

MainActivity

public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);    }    public void click(View v){        Toast.makeText(this,"叫你点就点！！",Toast.LENGTH_SHORT).show();    }}

代码比较简单，分为两步

1.在Button标签下添加android:onClick=”click”
2.在Activity添加public void [android:onClick属性的值]（View v）的方法。当你点击按钮的时候，系统就会调用这个方法了（这里我们是让点击按钮时，弹出Toast，显示一句话而已）。
注意：

方法的名字必须与Button中android:onClick设置的值相同，而且修饰符必须不能是private，无返回值，参数列表里面是View，不符合这些规定的话点击的按钮无效，甚至程序异常。

第二种方式，布局文件中Button不写android:onClick=”click”属性，只是Activity中做出了改变，代码如下：

public class MainActivity extends AppCompatActivity {    private Button button;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        button=(Button) findViewById(R.id.btn);        button.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                Toast.makeText(MainActivity.this,"叫你点就点！！",Toast.LENGTH_SHORT).show();            }        });    }}

我们调用findViewById方法，传入Button的id，得到Button的对象，然后调用setOnClickListener方法为其绑定一个监听器，重写其中的onClick方法，当我们点击按钮，就会执行onClick里面的代码。
注意：

我们调用setOnClickListener时需要传入OnClickListener，它是一个接口，并不是一个类，所以我们不能直接实例化。因此我们才要用到匿名内部类的方式使用它，或者你也可以创建一个类实现OnclickListener，接着实例化这个实现类，将其传入方法也行。

第三种方式，这种方式其实是在第二种的理解上做了一些写法上的改变，改动的依然是Activity，代码如下：

public class MainActivity extends AppCompatActivity implements View.OnClickListener{    private Button button;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        button=(Button) findViewById(R.id.btn);        button.setOnClickListener(this);    }    @Override    public void onClick(View view) {        Toast.makeText(this,"叫你点就点！！",Toast.LENGTH_SHORT).show();    }

我们同样是调用setOnClickListener方法，只不过传入的是当前的Activity对象（我们事先让它实现OnClickListener接口了），因此达到方法二同样的效果。

总结

这几种写法都能实现同样的效果，用哪一种凭个人喜好。
个人第一种虽然代码量相对少，但是当页面按钮多的时候，代码变得不适合阅读，所以我并不是很推荐（只是个人看法，不喜勿喷）。
关于Button基础的知识，大概就是这些，更深入的知识以后自然会深入了解。