Chuyển tới nội dung chính

TextField (Trường văn bản)

Hiển thị trường văn bản một dòng để nhập chuỗi.

KhóaKiểuMô tảBắt buộcMặc địnhPhiên bản tối thiểu
alignmentstringCăn chỉnh văn bảnLeft
keyboardstringLoại bàn phímDefault
placeholderstringVăn bản giữ chỗCó thể bản địa hóa""
isSecurebooleanChe ký tự bằng dấu chấmfalse
clearButtonModestringHiển thị nút xóaNever
maxLengthintegerĐộ dài văn bản tối đaINT_MAX
validationRegexstringBiểu thức chính quy dùng để xác thực dữ liệu nhậpnil1.2-10
promptstringTiêu đề lời nhắcCó thể bản địa hóanil1.2-10
messagestringNội dung lời nhắcCó thể bản địa hóanil1.2-10
okTitlestringTiêu đề nút xác nhận của lời nhắcCó thể bản địa hóa"OK"1.2-10
cancelTitlestringTiêu đề nút hủy của lời nhắcCó thể bản địa hóa"Cancel"1.2-10

Thành phần này không hỗ trợ icon. Nếu đặt label, nên đặt alignment thành "Right".

Nếu dữ liệu nhập không khớp với validationRegex, dữ liệu đó không thể được lưu.

Nếu prompt hoặc message không rỗng, thao tác nhấn TextField sẽ hiển thị hộp thoại nhắc để nhập dữ liệu tại đó.

alignmentMô tả
LeftTrái
CenterGiữa
RightPhải
NaturalTự nhiên
JustifiedCăn đều
keyboardMô tả
DefaultBàn phím hệ thống và bên thứ ba
AlphabetASCII
ASCIICapableASCII
NumbersAndPunctuationSố và dấu câu
URLURL
NumberPadBàn phím số
PhonePadBàn phím điện thoại
NamePhonePadTên và điện thoại
EmailAddressĐịa chỉ email
DecimalPadSố có dấu thập phân
clearButtonModeMô tả
NeverKhông bao giờ
AlwaysLuôn luôn
WhileEditingTrong khi chỉnh sửa
UnlessEditingKhi không chỉnh sửa
Kiểu trả vềMô tả
stringGiá trị trường văn bản

Chủ đề

Khóa chủ đềKiểuMô tả
textColorColorMàu văn bản
caretColorColorMàu con trỏ nhập
placeholderColorColorMàu văn bản giữ chỗ

Ví dụ

{
default = "";
label = "Tên người dùng";
cell = "TextField";
key = "username";
keyboard = "Default";
alignment = "Right";
placeholder = "Nhập tên người dùng";
maxLength = 21;
validationRegex = "^[0-9a-zA-Z]+$";
};
{
isSecure = true;
default = "";
label = "Mật khẩu";
cell = "TextField";
key = "password";
keyboard = "NumberPad";
alignment = "Right";
placeholder = "Nhập mật khẩu";
prompt = "Nhập mật khẩu";
message = "Vui lòng nhập mật khẩu gồm 6 chữ số";
validationRegex = "^[0-9]{6}$";
okTitle = "Lưu";
cancelTitle = "Hủy";
};

XUI-TextField.png

XUI-TextField-Prompt.png