文字輸入框 Text Input

Text Input

BRICKS TOOLS avatar
作者:BRICKS TOOLS
一週前已更新
  • Text Input 文字輸入框介紹

當顯示裝置具備輸入能力時,可加入文字輸入框元件讓使用者輸入資訊,包含信箱、姓名、電話、生日等資訊。

文字輸入框支援多種虛擬鍵盤輸入格式


  • Frame 區塊

Frame 基本屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Frame 區塊解說


  • Properties 區塊

文字輸入框元件的 Properties 基本屬性繼承文字元件及方塊元件,詳細可參考方塊元件 Properties 區塊解說文字元件 Properties 區塊解說

其他屬性解說如下:

Property Name

屬性名稱

Property Type

屬性形態

Description

說明

Editable

布林值 Yes / No

是否可編輯,選 No 時則無法點擊輸入,大多用於變數控制使用。

Placeholder

字串

設定未輸入文字前在輸入框中顯示的預設文字。

Placeholder Text Color

字串

設定文字元件預設文字顏色,可直接點選色盤設定或透過輸入色碼設定。

Max Length

數值

設定文字輸入框最多可輸入的文字字元數

Keyboard Type

清單

設定點擊輸入框後開啟的虛擬鍵盤形式

  • default : 系統預設鍵盤

  • number-pad : 純數字鍵盤,不含小數點

  • decimal-pad : 含小數點鍵盤,小數點會依照語系變化

  • numeric : 含小數點鍵盤

  • email-adress : 輸入信箱用鍵盤,預設會有@

  • phone-pad : 撥號用數字鍵盤 含+*#

Return Key Type

清單

設定 default 及 email-adress 鍵盤的確定鈕文字

  • done : 完成

  • go : 前往

  • next : 下一個

  • search : 搜尋

  • send : 傳送

  • Properties - Border 區塊

基本邊框屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Border 區塊解說


  • Animations 區塊

基本動畫事件屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Animation 區塊解說

// Animation 教學文章連結


  • Events

基本事件屬性和 Rect 方塊元件相同,詳細可參考方塊元件 Event 區塊解說

// Event 教學文章連結

若需要任何幫助,歡迎點擊右下角的對話圖示詢問,我們會盡快回覆您的問題

是否回答了您的問題?