Kotlin 中的 Android 吐司消息

简介

在这篇文章中，我们将学习如何使用 Kotlin 编程语言在 Android 应用程序中显示吐司消息。

什么是 Android 吐司消息？

Android 吐司消息是一种简短的通知，它显示给用户，而不会干扰应用程序的其他功能。此通知通常以浮动方式显示在 Android 应用程序的底部中央。这种类型的通知通常只显示很短的时间，根据要显示给用户的吐司消息类型，可能从 3 到 4 秒不等。

示例

我们将创建一个简单的应用程序，用于在 Android 应用程序中显示吐司消息。我们将遵循分步指南在 Android 应用程序中实现吐司消息。

步骤 1：在 Android Studio 中创建一个新项目

导航到 Android Studio，如下图所示。在下面的屏幕中，单击“新建项目”以创建一个新的 Android Studio 项目。

单击“新建项目”后，您将看到下面的屏幕。

在这个屏幕中，我们只需选择“空活动”，然后单击“下一步”。单击“下一步”后，您将看到下面的屏幕。

在这个屏幕中，我们只需指定项目名称。然后包名将自动生成。

注意 - 确保选择 Kotlin 作为语言。

指定所有详细信息后，单击“完成”以创建一个新的 Android Studio 项目。

项目创建完成后，我们将看到打开的两个文件，即 activity_main.xml 和 MainActivity.kt 文件。

步骤 2：使用 activity_main.xml

导航到 activity_main.xml。如果此文件不可见，则要打开此文件，请在左侧窗格中导航到 app>res>layout>activity_main.xml 以打开此文件。打开此文件后，将以下代码添加到其中。代码中添加了注释，以便详细了解。

<?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=".MainActivity">

   <!-- creating text view for displaying heading-->
   <TextView
      android:id="@+id/idTVHeading"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:gravity="center"
      android:text="Hello World!"
      android:textAlignment="center"
      android:textAllCaps="false"
      android:textColor="#FF000000”
      android:textSize="20sp"
      android:textStyle="bold" />

   <!-- creating a button to display toast message-->
   <Button
   android:id="@+id/idBtnShowToast"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_below="@id/idTVHeading"
   android:layout_margin="20dp"
   android:text="Display Toast Message"
   android:textAllCaps="false" />

</RelativeLayout>

解释 - 在上面的代码中，根元素是 Android 中的相对布局。此布局是一个视图组，用于相对于彼此对齐其中的所有元素。

在这个相对布局中，我们创建的第一个视图是 TextView。它用于显示简单的文本消息。在这个 TextView 小部件中，我们将其宽度指定为 match_parent，以便它将占据移动设备的完整宽度，并将高度指定为 wrap_content 以占据文本高度。之后，我们添加了 layout_centerInParent。该参数将 TextView 小部件与屏幕中央对齐。之后，我们添加了一个 gravity 参数，再次将 TextView 小部件内的文本居中对齐。之后，我们添加一个 text 参数，在其中我们将指定要在 TextView 中显示的值。指定文本后，我们指定文本对齐方式。这将 TextView 小部件内的文本与小部件的中心对齐。之后，我们指定 textAllCaps，这将添加与我们在文本值中指定时相同的文本格式。之后，我们从项目中的 colors.xml 文件中指定文本的颜色。最后，我们指定文本大小并为文本添加粗体样式。

添加 TextView 后，我们将创建一个按钮，该按钮将用于显示吐司消息。对于我们的按钮，我们再次指定一个 id，这是一个唯一的标识符。然后，我们为按钮指定高度和宽度，同样是 match_parent 和 wrap_content。现在，我们将按钮与标题 TextView 对齐。因此，我们调用 alignParentBottom 并指定要与其下方对齐的小部件的 id。之后，我们从四面添加 10 dp 的文本边距。然后，我们为按钮指定要显示在按钮上的文本消息。之后，我们将 textAllCaps 设置为 false，以采用与我们在文本值中指定的相同的字体。

步骤 3：使用 MainActivity.kt

导航到 MainActivity.kt。如果此文件不可见，则要打开此文件，请在左侧窗格中导航到 app>java>您的应用包名>MainActivity.kt 以打开此文件。打开此文件后，将以下代码添加到其中。代码中添加了注释，以便详细了解。

package com.example.gptapp

import android.os.Bundle
import android.widget.*
import androidx.appcompat.app.AppCompatActivity


class MainActivity : AppCompatActivity() {

   // creating variables on below line.
   lateinit var showToastBtn: Button

   override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContentView(R.layout.activity_main)
      // initializing variables on below line.
      showToastBtn = findViewById(R.id.idBtnShowToast)
      // adding on click listener for our button on below line.
      showToastBtn.setOnClickListener {
         // on below line we are displaying the toast message.
         Toast.makeText(applicationContext, "Welcome to Tutorials Point", Toast.LENGTH_SHORT)
         .show()
      }
   }
}

解释 - 在上面的 MainActivity.kt 文件代码中，首先我们为要在其上显示消息的按钮创建一个变量。

以下是按钮变量声明的语法。

showToastBtn : showToastBtn is the variable name.
Button : Button is the variable Data type.

现在我们将看到 onCreate 方法。这是每个 Android 应用程序的默认方法。创建应用程序视图时会调用此方法。在此方法中，我们设置内容视图，即名为 activity_main.xml 的布局文件，以从该文件中设置 UI。

指定视图后，我们使用在 activity_main.xml 文件中给出的唯一 id 初始化名为 showToastBtn 的按钮变量。

使用其唯一 id 初始化按钮后，我们通过调用 setOnClickListener 方法为按钮添加一个点击侦听器。在此方法中，我们将显示吐司消息。

现在要显示吐司消息，我们调用 Toast 类，并在其中指定 3 个参数。

参数 描述
context 要在其中显示吐司消息的应用程序上下文
欢迎来到 Tutorials Point 这是我们将在吐司消息中显示的值
Toast.LENGTH_SHORT 这是吐司消息对用户可见的时间长度。

添加上述代码后，我们现在只需单击顶部栏中的绿色图标即可在移动设备上运行我们的应用程序。

注意 - 确保您已连接到您的真实设备或模拟器。

结论

在上面的教程中，我们学习了什么是 Android 吐司消息，以及如何使用它在 Android 应用程序中向用户显示简短消息。我们学习了如何创建一个新的 Android Studio 项目，然后处理 UI 并为我们的按钮添加功能，以便在用户单击按钮时显示吐司消息。

更新于：2023年3月14日

2K+ 次浏览

启动您的 职业生涯

通过完成课程获得认证

开始学习
广告
© . All rights reserved.