(原創)【B4A】一步一步入門07:EditText,文字框、密碼框、鍵盤樣式、提示文字(控制元件篇03)

leslie_xin發表於2023-03-14

一、前言

本篇教程,我們來講一下常用的控制元件:EditText(文字輸入框)。

本篇教程將會講解文字框的基本使用,如:提示文字、密碼文字、鍵盤樣式等。

相信看完的你,一定會有所收穫!

本文地址:https://www.cnblogs.com/lesliexin/p/17213169.html


二、 屬性

文字輸入框的常用屬性如下,前篇教程中已經介紹過的相同屬性將不贅述。

(一)提示文字

當文字框內容為空時,如果需要提示使用者輸入內容資訊,可以設定提示文字。

我們設定屬性【文字屬性-Hint Text】,即可設定提示文字。具體效果如下:

image

(二)提示文字顏色

我們點選屬性【文字屬性-Hint Color】的下拉箭頭,即可選擇顏色或者輸入ARGB的值設定顏色。具體效果如下:

image

(三)密碼框

當需要使用者輸入密碼時,為防止密碼暴露,需要設定成密碼框樣式。

我們勾選屬性【文字屬性-密碼】即可。具體效果如下:

image

(四)單行多行

我們勾選屬性【文字屬性-Single Line】,文字框將以單行方式顯示;取消勾選,則支援多選顯示。

image

(五)自動換行

勾選屬性【文字屬性-Wrap Text】時,文字框內的文字將自動換行;取消勾選則不自動換行。

image

(六)鍵盤樣式

預設狀態下,點選文字框會自動彈出螢幕鍵盤,鍵盤樣式為預設的鍵盤樣式

我們可以設定屬性【文字屬性-Input Type】,來設定不同的鍵盤樣式,同時限制文字框的輸入值型別。

1,TEXT

預設文字模式。

2,NONE

不會顯示鍵盤。

3,NUMBERS

將顯示數字鍵盤。只接受數字。

4,DECIMAL_NUMBERS

將顯示數字鍵盤。接受數字、小數點和減號。

5,PHONE

鍵盤將以電話模式顯示。

具體效果如下:

image

(七)鍵盤迴車按鈕文字

預設情況下,螢幕鍵盤的Enter鍵會自動顯示為“完成”或“下一步”。

透過勾選屬性【文字屬性-Force Done】可以強制Enter鍵顯示為“完成”。

image


三、事件

文字輸入框的事件如下。

(一)TextChange

當文字輸入框中的內容發生改變時,將會觸發本事件。

(二)EnterPressed

當點選螢幕鍵盤的Enter鍵時,將會觸發本事件。

(三)FocusChanged

當文字框獲得焦點或失去焦點時,將會觸發本事件。

演示效果如下:

image


四、結語

本篇教程介紹了EditText(文字輸入框)的常用屬性和事件,透過這些屬性和事件的組合使用,可以滿足日常程式的使用。

感謝觀看,歡迎大家一起學習,共同進步。


-【END】-

相關文章