通过本节课可以学习到的内容：
- Button和TextView的简单使用
- LinearLayout的用法
- 点击事件的4种写法
LinearLayout中的Button、TextView
布局文件的源码：
代码语言：javascript复制<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="点击事件的4种写法"
android:textColor="#ff002e"
android:textSize="22sp" />
<Button
android:id="@ id/btn01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮01" />
<Button
android:id="@ id/btn02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮02" />
<Button
android:id="@ id/btn03"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮03" />
<Button
android:id="@ id/btn04"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="clickButton04"
android:text="按钮04" />
</LinearLayout>布局文件解析
LinearLayout：
- 将RelativeLayout改为LinearLayout，即线性布局；
- 它里面的控件成线性排列，竖直或者水平，用android:orientation=”vertical”或者android:orientation=”horizontal”来设置；
- android:gravity=”center”设置子控件全部居中；
TextView:
- 用来显示文本的控件；
- android:text设置显示的内容；
- android:textColor设置字体颜色；
- android:textSize设置字体大小；
Button：
- 按钮控件；
- android:onClick设置点击事件的方法名称；
- android:text设置按钮的文字；
点击事件的4种写法
MainActivity源码：
代码语言：javascript复制
package com.sunjiajia.firstdemo;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;
import butterknife.ButterKnife;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private Button mButton01;
private Button mButton02;
private Button mButton03;
private Button mButton04;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mButton01 = (Button) findViewById(R.id.btn01);
mButton02 = (Button) findViewById(R.id.btn02);
mButton03 = (Button) findViewById(R.id.btn03);
mButton04 = (Button) findViewById(R.id.btn04);
// 第1种写法：
mButton01.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this, mButton01.getClass().toString() "--> Button01", Toast.LENGTH_SHORT).show();
}
});
// 第2种写法：主类实现OnClickListener接口，并在主类中复写方法onClick
mButton02.setOnClickListener(this);
// 第3种写法：内部类实现OnClickListener接口，复写方法onClick
MyButtonClickListener mButtonClickListener = new MyButtonClickListener();
mButton03.setOnClickListener(mButtonClickListener);
}
// 第4种写法：在布局文件中给Button04添加android:onClick="clickButton04"属性，并指定了点击触发的方法clickButton04
public void clickButton04(View view) {
Toast.makeText(this, mButton04.getClass().toString() "--> Button04", Toast.LENGTH_SHORT).show();
}
class MyButtonClickListener implements View.OnClickListener {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this, mButton03.getClass().toString() "--> Button03", Toast.LENGTH_SHORT).show();
}
}
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this, mButton02.getClass().toString() "--> Button02", Toast.LENGTH_SHORT).show();
}
}要点解析：
- 4种写法位于源码注释中，请敲代码体验；
- Toast为“土司”控件，即在Activity上显示一个弹出来的提示；
- mButton02.getClass().toString()得到控件对象的类名并转换为字符串；
总结
我们在“Button”上按住“ctrl”键，并点击鼠标左键，跟踪到Button的源码类，发现它是继承于TextView，继续跟踪，发现TextView继承于View。实际上，Android中所有可视控件都是继承自View。
据此，我们可以推断出来，TextView也可以写点击事件，自己动手试试吧。
下课
学习了本节课程，点击事件的4种写法已经讲解完毕。
有什么问题请在下面留言评论，我们一起进步！
