文字輸入欄位

*此內容是使用 AI(Beta 測試版)翻譯,可能含有錯誤。若要以英文檢視此頁面,請按一下這裡

A TextBox 是一個長方形,可以讓使用者在聚焦時提供文字輸入。當您 腳本 一個 TextBox 時,您可以將其用作搜索欄或表單上的輸入欄。為了幫助用戶知道應該輸入哪種類型的文字,您也可以通過 PlaceholderText 屬性提供提示。

因為這些對象是 GuiObjects ,因此您可以自訂屬性,例如 BackgroundColor3BorderModeTransparencyRotation 來配合您體驗的美感。

在畫面上創建文字輸入

在畫面上的 TextBox 對於像是表單的輸入欄很有用。

要將 TextBox 添加到屏幕:

  1. 導航器 窗口中,選擇 StarterGui 並添加 ScreenGui

    1. 將鼠標懸停在 StarterGui 上,然後單擊 ⊕ 按鈕。一個上下文選單顯示。

    2. 插入 ScreenGui

  2. 選擇新的 ScreenGui 並添加 文字框

    1. 將鼠標懸停在 ScreenGui 上,然後單擊⊕按鈕。一個上下文菜單顯示。

    2. 插入 文字框

在零件面上創建文字輸入

要將 TextBox 添加到零件的面上:

  1. 導航器 窗口中,選擇 StarterGui 並添加 SurfaceGui

    1. 將鼠標懸停在 StarterGui 上,然後單擊 ⊕ 按鈕。一個上下文選單顯示。

    2. 插入 ScreenGui

  2. 選擇新的 SurfaceGui 並添加 文字框

    1. 將鼠標懸停在 表面使用者介面 上,然後單擊⊕按鈕。一個上下文選單顯示。

    2. 插入 文字框

  3. 裝飾 SurfaceGui 到您想要顯示 文字框部分

    1. 屬性 窗口中,選擇 飾品 屬性。您的鼠標變更。

    2. 導航器 窗口中,選擇零件。

腳本文字輸入

像是 按鈕,當使用者與它互動時,您可以腦寫任何行動給 TextBox 對象。例如,下面的腳本連接用戶按下 FocusLost 按鈕或點擊方塊子外部時發出的 Enter 事件。如果 enterPressedtrue ,即用戶提交了輸入而不僅僅單擊外部方塊子,腳本將輸入的內容打印到 輸出窗口

基本文字輸入處理

local textBox = script.Parent
local function onFocusLost(enterPressed, inputObject)
if enterPressed then
print(textBox.Text)
end
end
textBox.FocusLost:Connect(onFocusLost)

另一個例子是,你可能只想允許在 TextBox 中使用數字。下面的代碼使用 TextBox.GetPropertyChangedSignal 事件偵測當使用者開始輸入時,TextBox.Text 變更,例如當使用者開始輸入時,它使用 string.gsub() 函數來禁用非數字。

限制文字輸入到數字

local textBox = script.Parent
local function allowOnlyNumbers()
textBox.Text = string.gsub(textBox.Text, "%D", "")
end
textBox:GetPropertyChangedSignal("Text"):Connect(allowOnlyNumbers)

文字過濾

應用於各種來源和輸入,文字過濾 防止用戶看到不當的語言和可識別的個人資訊,例如電話號碼。Roblox 會自動過濾通過 經驗文字聊天 的常見文字輸出,例如訊息,但 您對任何顯示的文字負責過濾不具有明確控制權限 ,包括 props.context。