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

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

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

LinearLayout中的Button、TextView

布局文件的源码:

<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源码:

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券