当前位置：首页 > news >正文

【Android Studio程序开发】按钮触控---按钮控件Button

news 来源：原创 2024/4/26 22:37:50

除了文本视图之外，按钮Button也是一种基础控件。因为Button是由TextView派生而来，所以文本视图拥有的属性和方法，包括文本内容、文本大小、文本颜色等，按钮控件均能使用。不同的是，Button拥有默认的按钮背景，而TextView默认无背景；Button的内部文本默认居中对齐，而TextView的内部文本默认靠左对齐。此外，按钮还要额外注意textAllCaps与onClick两个属性，分别介绍如下：

1．textAllCaps属性

对于TextView来说，text属性设置了什么文本，文本视图就显示什么文本。但对于Button来说，不管text属性设置的是大写字母还是小写字母，按钮控件都默认转成大写字母显示。比如在XML文件中加入下面的Button标签：

<Button

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="Hello World"/>

编译运行后的App界面，按钮上显示全大写的“HELLO WORLD”，而非原来大小写混合的“Hello World”。显然这个效果不符合预期，为此需要给Button标签补充textAllCaps属性，该属性默认为true表示全部转为大写，如果设置为false则表示不转为大写。于是在布局文件添加新的Button标签，该标签补充了android:textAllCaps="false"，具体内容如下所示：

<Button

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="Hello World"

        android:textAllCaps="false"/>

再次运行App，此时包含新旧按钮的界面如下图所示，可见textAllCaps属性果然能够控制大小写转换

2．onClick属性

按钮之所以成为按钮，是因为它会响应按下动作，就手机而言，按下动作等同于点击操作，即手指轻触屏幕然后马上松开。每当点击按钮之时，就表示用户确认了某个事项，接下来轮到App接着处理了。

onClick属性便用来接管用户的点击动作，该属性的值是个方法名，也就是当前页面的Java代码存在这么一个方法：当用户点击按钮时，就自动调用该方法。譬如下面的Button标签指定了onClick属性值为doClick，表示点击该按钮会触发Java代码中的doClick方法：

<Button

   android:id="@+id/btn_click_xml"

   android:layout_width="match_parent"

   android:layout_height="wrap_content"

   android:onClick="doClick"

   android:text="直接指定点击方法"

   android:textColor="#000000"

   android:textSize="17sp" />
<TextView

   android:id="@+id/tv_result"

   android:layout_width="match_parent"

   android:layout_height="wrap_content"

   android:text="这里查看按钮的点击结果"

   android:textColor="#000000"

   android:textSize="17sp" />

与之相对应，页面所在的Java代码需要增加doClick方法，方法代码示例如下：

// activity_button_style.xml中给btn_click_xml指定了点击方法doClick

public void doClick(View view) {
    String desc = String.format("%s 您点击了按钮：%s",
                                DateUtil.getNowTime(), ((Button) 

view).getText());
    tv_result.setText(desc); // 设置文本视图的文本内容

}

然后编译运行，并在App界面上点击新加的按钮，点击前后的界面如上图和下图所示，其中上文为点击之前的界面，下图为点击之后的界面。

比较上图和下图的文字差异，可见点击按钮之后确实调用了doClick方法

=========================================================================

完整代码如下：

布局文件：

<?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="5dp">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="下面的按钮英文默认大写"
        android:textColor="@color/black"
        android:textSize="17sp"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hello World"
        android:textColor="@color/black"
        android:textSize="17sp"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="下面的按钮英文保持原状"
        android:textColor="@color/black"
        android:textSize="17sp"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hello World"
        android:textColor="@color/black"
        android:textSize="17sp"
        android:textAllCaps="false"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="直接指定点击方法"
        android:textColor="@color/black"
        android:textSize="17sp"
        android:textAllCaps="false"
        android:onClick="doClick"/>
    <TextView
        android:id="@+id/tv_result"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="这里查按钮的点击结果"
        android:textColor="@color/black"
        android:textSize="17sp"/>

</LinearLayout>

Java：

package com.example.chapter03;

import androidx.appcompat.app.AppCompatActivity;

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

import com.example.chapter03.util.DateUtil;

public class ButtonStyleActivity extends AppCompatActivity {

    private TextView tv_result;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_button_style);
        tv_result = findViewById(R.id.tv_result);
    }
    public void doClick(View view){
        String desc = String.format("%s 您点击了按钮：%s",DateUtil.getNowTime(),((Button) view).getText());
        tv_result.setText(desc);
    }
}

package com.example.chapter03.util;

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

public class DateUtil {

    public static String getNowTime(){
        SimpleDateFormat sdf = new SimpleDateFormat("HH:mm:ss");
        return sdf.format(new Date());
    }
}

运行前注意修改清单文件的主入口

感谢观看！！！