TextField 单行文本框
此组件在界面上显示一个文本框, 用于字符串输入.
| 键 | 类型 | 描述 | 必选 | 默认值 | 最低版本需求 |
|---|---|---|---|---|---|
| alignment | 字符串 | 对齐方式 | - | Left |
- |
| keyboard | 字符串 | 键盘类型 | - | Default |
- |
| placeholder | 字符串 | 文本框占位符 | 可本地化 | "" |
- |
| isSecure | 布尔型 | 字符是否显示为小圆点 | - | false |
- |
| clearButtonMode | 字符串 | 是否显示清除小黑叉 | - | Never |
- |
| maxLength | 整数 | 最大文本长度 | - | INT_MAX |
- |
| validationRegex | 字符串 | 用于验证字符串条目的正则表达式 | - | nil |
1.2-10 |
| prompt | 字符串 | 提示框标题 | 可本地化 | nil |
1.2-10 |
| message | 字符串 | 提示框信息 | 可本地化 | nil |
1.2-10 |
| okTitle | 字符串 | 提示框确定按钮标题 | 可本地化 | "好" |
1.2-10 |
| cancelTitle | 字符串 | 提示框取消按钮标题 | 可本地化 | "取消" |
1.2-10 |
此组件不支持 icon. 若设置 title 属性, 建议将 alignment 属性设为 "Right".
修改或添加字符串条目时, 若字符串无法通过正则表达式 validationRegex 验证, 则无法保存当前条目.
prompt 或 message 不为空时, 轻按 TextField, 会弹出提示框, 并要求在提示框中输入值, 此特性需要 XXT v1.2-10 及更高版本与 iOS 8.0 及更高版本.
| alignment | 描述 |
|---|---|
| Left | 左对齐 |
| Center | 居中 |
| Right | 右对齐 |
| Natural | 自然对齐 |
| Justified | 两边对齐 |
| keyboard | 描述 |
|---|---|
| Default | 标准及第三方键盘 |
| Alphabet | 标准 ASCII |
| ASCIICapable | 标准 ASCII |
| NumbersAndPunctuation | 数字与标点 |
| URL | 网址 |
| NumberPad | 数字 |
| PhonePad | 电话号码 |
| NamePhonePad | 姓名与电话号码 |
| EmailAddress | 电子邮箱 |
| DecimalPad | 带小数点的数字 |
| clearButtonMode | 描述 |
|---|---|
| Never | 从不显示 |
| Always | 一直显示 |
| WhileEditing | 仅编辑时显示 |
| UnlessEditing | 仅不编辑时显示 |
| 返回类型 | 描述 |
|---|---|
| 字符串 | 文本框内容 |
主题
| 主题键 | 类型 | 描述 |
|---|---|---|
| textColor | 颜色 | 文字颜色 |
| caretColor | 颜色 | 光标颜色 |
| placeholderColor | 颜色 | 占位符颜色 |
示例
{
default = "";
label = "用户名";
cell = "TextField";
key = "username";
keyboard = "Default"; -- 默认键盘
alignment = "Right"; -- 右对齐
placeholder = "输入用户名"; -- 占位符
maxLength = 21; -- 最大长度
validationRegex = "^[0-9a-zA-Z]+$"; -- 正则验证
};
{
isSecure = true; -- 显示为小圆点密码输入
default = "";
label = "密码";
cell = "TextField";
key = "password";
keyboard = "NumberPad"; -- 数字小键盘
alignment = "Right"; -- 右对齐
placeholder = "输入密码"; -- 占位符
prompt = "请输入密码"; -- 弹框标题
message = "请在提示框中输入 6 位数字密码"; -- 弹框信息
validationRegex = "^[0-9]{6}$"; -- 正则验证
okTitle = "保存"; -- 提交按钮标题
cancelTitle = "取消"; -- 取消按钮标题
};

