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.