Zum Hauptinhalt springen

TextField – einzeiliges Textfeld

Diese Komponente zeigt ein Textfeld zur Eingabe einer Zeichenfolge an.

SchlüsselTypBeschreibungErforderlichStandardwertMinimale Version
alignmentZeichenfolgeAusrichtung-Left-
keyboardZeichenfolgeTastaturtyp-Default-
placeholderZeichenfolgePlatzhalter des TextfeldsLokalisierbar""-
isSecureBoolescher WertOb Zeichen als Punkte angezeigt werden-false-
clearButtonModeZeichenfolgeOb das kleine schwarze Lösch-X angezeigt wird-Never-
maxLengthGanzzahlMaximale Textlänge-INT_MAX-
validationRegexZeichenfolgeRegulärer Ausdruck zur Validierung des Zeichenfolgeneintrags-nil1.2-10
promptZeichenfolgeTitel des HinweisdialogsLokalisierbarnil1.2-10
messageZeichenfolgeText des HinweisdialogsLokalisierbarnil1.2-10
okTitleZeichenfolgeTitel der Bestätigungsschaltfläche des HinweisdialogsLokalisierbar"好"1.2-10
cancelTitleZeichenfolgeTitel der Abbrechen-Schaltfläche des HinweisdialogsLokalisierbar"取消"1.2-10

Diese Komponente unterstützt icon nicht. Wenn die Eigenschaft title festgelegt wird, sollte alignment auf "Right" gesetzt werden.

Beim Ändern oder Hinzufügen eines Zeichenfolgeneintrags kann der aktuelle Eintrag nicht gespeichert werden, wenn die Zeichenfolge die Validierung durch den regulären Ausdruck validationRegex nicht besteht.

Wenn prompt oder message nicht leer ist, öffnet ein Tippen auf TextField einen Hinweisdialog und fordert zur Eingabe eines Werts auf.

alignmentBeschreibung
LeftLinksbündig
CenterZentriert
RightRechtsbündig
NaturalNatürliche Ausrichtung
JustifiedBlocksatz
keyboardBeschreibung
DefaultStandard- und Drittanbietertastatur
AlphabetStandard-ASCII-Tastatur
ASCIICapableStandard-ASCII-Tastatur
NumbersAndPunctuationZahlen und Satzzeichen
URLWebadresse
NumberPadZahlen
PhonePadTelefonnummer
NamePhonePadName und Telefonnummer
EmailAddressE-Mail-Adresse
DecimalPadZahlen mit Dezimalpunkt
clearButtonModeBeschreibung
NeverNie anzeigen
AlwaysImmer anzeigen
WhileEditingNur beim Bearbeiten anzeigen
UnlessEditingNur außerhalb des Bearbeitens anzeigen
RückgabetypBeschreibung
ZeichenfolgeInhalt des Textfelds

Theme

Theme-SchlüsselTypBeschreibung
textColorFarbeTextfarbe
caretColorFarbeCursorfarbe
placeholderColorFarbeFarbe des Platzhalters

Beispiel

{
default = "";
label = "用户名";
cell = "TextField";
key = "username";
keyboard = "Default"; -- Standardtastatur
alignment = "Right"; -- Rechtsbündig
placeholder = "输入用户名"; -- Platzhalter
maxLength = 21; -- Maximale Länge
validationRegex = "^[0-9a-zA-Z]+$"; -- Reguläre Validierung
};
{
isSecure = true; -- Passworteingabe als Punkte anzeigen
default = "";
label = "密码";
cell = "TextField";
key = "password";
keyboard = "NumberPad"; -- Ziffernblock
alignment = "Right"; -- Rechtsbündig
placeholder = "输入密码"; -- Platzhalter
prompt = "请输入密码"; -- Dialogtitel
message = "请在提示框中输入 6 位数字密码"; -- Dialogtext
validationRegex = "^[0-9]{6}$"; -- Reguläre Validierung
okTitle = "保存"; -- Titel der Bestätigungsschaltfläche
cancelTitle = "取消"; -- Titel der Abbrechen-Schaltfläche
};

XUI-TextField.png

XUI-TextField-Prompt.png