GitOPEN's Home.

《Monkey Android》第6课点击事件的四种写法

Word count: 842 / Reading time: 4 min
2015/08/10 Share

通过本节课可以学习到的内容:

  • Button和TextView的简单使用
  • LinearLayout的用法
  • 点击事件的4种写法

LinearLayout中的Button、TextView

布局文件的源码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<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源码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

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种写法已经讲解完毕。

有什么问题请在下面留言评论,我们一起进步!


欣慰帮到你 一杯热咖啡
【奋斗的Coder!】企鹅群
【奋斗的Coder】公众号
CATALOG
  1. 1. LinearLayout中的Button、TextView
  2. 2. 布局文件解析
  3. 3. 点击事件的4种写法
  4. 4. 总结
  5. 5. 下课