熬夜再战Android-和Button的第一次邂逅

1,833 阅读3分钟

「这是我参与11月更文挑战的第1天,活动详情查看:2021最后一次更文挑战

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!

专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)

欢迎关注公众号【空名先生】获取更多资源和交流!

👉前提

前两天我们刚学问TextView的属性详解,应该是最全的了,今天我们学学按钮(Button)这个控件。

这是小空熬夜写的Android系列,欢迎品尝。

👉实践过程

按钮是程序中用户进行交互的重要组件,平时项目中使用率很高,她也是基础组件之一。当然了,任何的View都是可以处理点击事件的,只不过Button大多数情况下更合适一些。

😜初识

我们先创建一个基本的Button看看:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".TextActivity">
    <Button
       android:id="@+id/mtBtn"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="这是按钮" />
    <Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_alignParentRight="true"
       android:text="this button" />
</RelativeLayout>

界面显示如下:

image.png

恩,汉字显示很正常,但是英文代码中不是小写吗,为什么显示是大写。

其实是属性textAllCaps在作怪。改成下面再看看是否正常了。

<Button
    android:id="@+id/mtBtn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:textAllCaps="false"
    android:text="this button" />

😜事故

这时候又有朋友提问了:不对啊,除了英文你的颜色和我的也不一样啊,明明我也是和你写的一样的代码。

image.png

小空告诉你:其实这是应用主题导致的,默认创建的项目有个主题,当然你可以自定义。

在【AndroidManifest.xml】文件的【android:theme】属性设置,【Ctrl+左键】点进去后你就会发现里面是一些相关颜色定义。而且你要注意布局预览界面也有主题的选择,小心被坑。

主题我们先暂且放下,继续深入Button。

既然是按钮,那交互是必须的操作,怎么设置点击事件呢?

public class TextActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_text);
        Button btn = findViewById(R.id.mtBtn);
        btn.setOnClickListener(view -> {
            Toast.makeText(TextActivity.this, "点击了按钮", Toast.LENGTH_SHORT).show();
        });
    }
}

运行后,点击按钮即可看见效果啦。

题外话:在App中,除了用户无意的频繁点击,有时候网路请求慢,用户也会有意的一直去点击,如果你不做处理,会重复的做处理,这必然是不合规的。所以就有了防止按钮多次点击的方案:

  • 在点击事件中判断距离上一次点击的时间。
  • 封装个点击事件里面同样是判断点击时间,只不过后续view的点击事件全部用这个。
  • 写一个静态方法同样是判断点击时间,在系统的点击事件第一行就判断这个静态时间返回true或false

👉其他

📢作者:小空和小芝中的小空

📢转载说明-务必注明来源:芝麻粒儿 的个人主页 - 专栏 - 掘金 (juejin.cn)

📢欢迎点赞👍收藏🌟留言📝