Android学习笔记(七):按钮Button的常用方法

本文详细介绍了Android中Button和TextView的基本使用,包括XML中添加点击事件监听、Java实现点击和长按事件,以及按钮的启用与禁用。通过实例演示了如何设置按钮的点击事件、长按事件响应以及控制按钮的可见状态。
摘要由CSDN通过智能技术生成

目录

一、Button 与 TextView

二、xml添加点击事件监听

 三、java实现按钮点击事件监听

1、常用写法

2、非常用写法

四、监听长按按钮事件

五、按钮的使能

六、练习

七、总结


一、Button 与 TextView

<TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/text_view"
        android:textSize="20sp" />

<Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/button_view"
        android:textSize="20sp" />

/*
* 按钮控件Button由TextView派生而来,区别:
* Button有默认按钮背景,而TextView默认无背景;
* Button文本内容是默认居中,TextView默认左对齐;
* */

二、xml添加点击事件监听

        在xml中添加并不常用,因为我们提到,xml布局和java实现最好要低耦合,相关性不大,这样才有利于开发移植。但我们还是要去了解学习,这样别人写了我们也能看懂。

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="doClick"
        android:text="doClick"
        android:textSize="20sp" />

    <TextView
        android:id="@+id/current_time"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/text_view"
        android:textSize="25sp" />

        从代码中可以看到,添加了一个onClick属性,属性值为"doClick",其含义就是:当我点击这个按钮时,就会去实现doClick()函数的内容,因此,在java实现中必须实现doClick函数; 其次,也添加了一个TextView来显示实现的内容。java部分代码如下所示。

public class MainActivity extends AppCompatActivity {
    private TextView mCurrentTime;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initUI();
    }

    private void initUI() {
        mCurrentTime = findViewById(R.id.current_time);
    }

    public void doClick(View view) {
        // 点击按钮后实现的内容逻辑
        flashText(view);
    }

    private void flashText(View view) {
        String currentTime = String.format("%s current time: %s",
             ((Button) view).getText(), DateUtil.getCurrentTime());
        mCurrentTime.setText(currentTime);
    }
}

        在MainActivity类中,实现的逻辑就是先加载xml布局,再实现doClick函数。其中需要注意的是:

1、在加载xml布局时,最好把它单独写一个函数,如initUI,我觉得这样写的话,可以增加可读性,因为如果需要添加的布局很多,这样在onCreate中就会写大量代码,而写在一个函数里,一眼就知道这个逻辑流程是什么;

2、mCurrentTime这个TextView我写成私有成员变量,这样可以很方便的对其进行操作;

3、我在doClick中调用了flashText()函数,整个逻辑就是在点击按钮时,mCurrentTime这个TextView显示内容就会被修改为按钮的text属性值和当前时间;

4、DateUtil.getCurrentTime() 这个是我实现的类和其方法来显示时间,代码如下:

package com.example.texttest.Util;

import java.text.SimpleDateFormat;
import java.util.Date;

public class DateUtil {

    public static String getCurrentTime() {
        // "HH:mm:ss" 表示显示的时间格式;
        SimpleDateFormat sdf = new SimpleDateFormat("HH:mm:ss");
        return sdf.format(new Date());
    }
}

         最终的效果如下所示,点击按钮后,显示了doClick以及当前时间

 三、java实现按钮点击事件监听

1、常用写法

        首先,在xml布局文件中,我们添加一个Button布局,如下所示。因为要使用它,所以给它一个id。

    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button1"
        android:textSize="20sp" />

        然后在java中实现对应的逻辑,部分代码如下

public class MainActivity extends AppCompatActivity
         implements View.OnClickListener {
    private TextView mCurrentTime;
    private Button mButton1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initUI();
        setClickListener();
    }

    private void initUI() {
        mCurrentTime = findViewById(R.id.current_time);
        mButton1 = findViewById(R.id.button1);
    }

    private void setClickListener() {
        // 设置事件监听
        mButton1.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        if (view.getId() == R.id.button1) {
            // 点击按钮后实现的内容逻辑
            flashText(view); 
        }
    }

    private void flashText(View view) {
        String currentTime = String.format("%s current time: %s",
             ((Button) view).getText(), DateUtil.getCurrentTime());
        mCurrentTime.setText(currentTime);
    }
}

1、同样在initUI中加载对应的布局mButton1 = findViewById(R.id.button1);且用同样的思维,添加一个setClickListener函数来统一设置事件监听逻辑;

2、需要让该类实现接口 implements View.OnClickListener ,实现接口onClick(View view);

3、因为在该类中可能有多个按钮,所以要区分到底是点击了那个按钮,并实现对应按钮的逻辑;通过view.getId()来获取按钮id进行区分

        你可能会有疑惑,为什么需要实现View.OnClickListener这个接口,又为什么setOnClickListener(this) 传入的参数是this?下面就进行简单解答。

2、非常用写法

        首先我们通过看setOnClickListener函数源码可以看到,入参需要传递的是View.OnClickListener接口实例,因此,我们可以这样写代码逻辑:

public class MainActivity extends AppCompatActivity {
    private Button mButton1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initUI();
        setClickListener();
    }

    private void initUI() {
        mCurrentTime = findViewById(R.id.current_time);
        mButton1 = findViewById(R.id.button1);
    }

    private void setClickListener() {
        // 设置事件监听
        mButton1.setOnClickListener(new MyOnClickListener());
    }

    static class MyOnClickListener implements View.OnClickListener {
        @Override
        public void onClick(View view) {
                // 点击按钮后实现的内容逻辑
            }
        }
    }

}

        代码中,首先实现了一个内部类MyOnClickListener,并且它实现接口View.OnClickListener和方法onClick;但是可以明显看到这样写的弊端,就是如果我需要多个按钮,岂不是要写多个内部类。

        因此,我们常采用第一种写法,让该类直接实现接口和方法,并通过id来区分不同的按钮,现在你也知道为什么传入的参数是this了吧,this指代的就是当前实现了View.OnClickListener接口的类的实例。

四、监听长按按钮事件

        按钮除了点击,还有长按操作,在按按钮低于500ms时触发点击事件,超过500ms时触发长按事件。 部分代码如下

// xml
    <Button
        android:id="@+id/long_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="LongButton"
        android:textSize="20sp" />

public class MainActivity extends AppCompatActivity
         implements View.OnClickListener {
    private Button mButton1;
    private Button mLongButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initUI();
        setClickListener();
    }

    private void initUI() {
        mButton1 = findViewById(R.id.button1);
        mLongButton = findViewById(R.id.long_button);
    }

    private void setClickListener() {
        // 设置事件监听
        mButton1.setOnClickListener(this);
        // 写法一
        /*mLongButton.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View view) {
                // 实现长按后的逻辑
                /*OnLongClickListener()会返回一个boolean值
                * 该值表示是否消耗这个点击事件
                * true表示消耗点击事件
                * false表示不消耗,那么该事件还可以传给它的父控件*/
                return true;
            }
        });*/
        // 写法二:lambda
        mLongButton.setOnLongClickListener(view -> {
            flashText(view);
            return true;
        });
    }

    @Override
    public void onClick(View view) {
        if (view.getId() == R.id.button1) {

        }
    }

}

        在xml文件中还是一样的设置,在Java中同样的加载布局并设置事件监听(setOnLongClickListener),这个接口需要传入实现了OnLongClickListener这个接口的实例对象,并实现boolean onLongClick(View var1); 这个方法。我想你应用学会了通过前两种方式来实现设置长按事件监听,这里我再通过另一种写法(写法二:lambda)。

        此外OnLongClickListener()会返回一个boolean值,该值表示是否消耗这个点击事件,true表示消耗点击事件,false表示不消耗,那么该事件还可以传给它的父控件进行处理。

五、按钮的使能

        我们还可以给按钮设置是否使能,即设置该按钮是否可以点击,就比如当我们日常发生验证码时,在60s内无法再次发送,这个时候就是通过使能设置让按钮无法再进行点击。部分代码实现如下所示。xml中通过enabled属性设置使能状态,true为可点击,false为不可点击;也可以在java中通过setEnabled()设置使能状态。

// xml
<Button
        android:id="@+id/button_test"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button Test"
        android:enabled="false"
        android:textSize="20sp" />

//java
Button mButtonTest;
mButtonTest = findViewById(R.id.button_test);
mButtonTest.setEnabled(true);

六、练习

        这里给你们出了一个练习题,效果如下所示

        我们需要添加三个按钮(Button Enable/Button Disable/Button Test)和一个TextView(这里我直接使用的之前的),然后在Button Test默认使能false,不可点击,这时按钮背景为灰色,你可以像我一样,字体颜色也设置为灰色;当点击Button Enable设置Button Test可以点击,并点击Button Test按钮后在TextView中显示当前时间和哪个按钮;当点击Button Disable按钮时设置Button Test按钮不可点击。下面给出了我实现的APP的xml代码和java代码逻辑。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="5sp">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/text_view"
        android:textSize="20sp" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/button_view"
        android:textSize="20sp" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="doClick"
        android:text="doClick"
        android:textSize="20sp" />

    <TextView
        android:id="@+id/current_time"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/text_view"
        android:textSize="25sp" />

    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button1"
        android:textSize="20sp" />

    <Button
        android:id="@+id/long_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="LongButton"
        android:textSize="20sp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/button_enable"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Button Enable"
            android:textSize="20sp" />

        <Button
            android:id="@+id/button_disable"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Button Disable"
            android:textSize="20sp" />

    </LinearLayout>

    <Button
        android:id="@+id/button_test"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button Test"
        android:enabled="false"
        android:textSize="20sp" />

</LinearLayout>
package com.example.texttest;

import androidx.appcompat.app.AppCompatActivity;

import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import com.example.texttest.Util.DateUtil;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
/*
* 按钮控件Button由TextView派生而来,区别:
* Button有默认按钮背景,而TextView默认无背景;
* Button文本内容是默认居中,TextView默认左对齐;
* */
    private TextView mCurrentTime;
    private Button mButton1;
    private Button mLongButton;
    private Button mButtonEnable;
    private Button mButtonDisable;
    private Button mButtonTest;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initUI();
        setClickListener();
    }

    private void initUI() {
        mCurrentTime = findViewById(R.id.current_time);
        mButton1 = findViewById(R.id.button1);
        mLongButton = findViewById(R.id.long_button);
        mButtonEnable = findViewById(R.id.button_enable);
        mButtonDisable = findViewById(R.id.button_disable);
        mButtonTest = findViewById(R.id.button_test);
    }

    private void setClickListener() {
        mButton1.setOnClickListener(this);
        /*mLongButton.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View view) {
                flashText(view);
                return true;
            }
        });*/
        mLongButton.setOnLongClickListener(view -> {
            flashText(view);
            /*OnLongClickListener()会返回一个boolean值
            * 该值表示是否消耗这个点击事件
            * true表示消耗点击事件
            * false表示不消耗,那么该事件还可以传给它的父控件*/
            return true;
        });
        mButtonEnable.setOnClickListener(this);
        mButtonDisable.setOnClickListener(this);
        mButtonTest.setOnClickListener(this);
    }

    public void doClick(View view) {
        flashText(view);
    }

    @Override
    public void onClick(View view) {
        if (view.getId() == R.id.button1) {
            flashText(view);
        }
        else if (view.getId() == R.id.button_enable) {
            mButtonTest.setEnabled(true);
            mButtonTest.setTextColor(Color.WHITE);
        }
        else if (view.getId() == R.id.button_disable) {
            mButtonTest.setEnabled(false);
            mButtonTest.setTextColor(Color.GRAY);
        }
        else if (view.getId() == R.id.button_test) {
            flashText(view);

        }
    }

    private void flashText(View view) {
        String currentTime = String.format("%s current time: %s", ((Button) view).getText(), DateUtil.getCurrentTime());
        mCurrentTime.setText(currentTime);
    }
}

        所使用的xml布局设计和java逻辑通过前几章的学习和今天的学习,我相信你不仅可以读懂它,自己也可以独自实现它。 

七、总结

        在本章中,我们主要学习Button按钮控件的使用,包括添加按钮,设置按钮点击、长按事件监听(常用写法和非常用写法),以及设置按钮使能状态(是否可以点击)。最后给出了一个练习,和整个xml、java代码。

  • 16
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值