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 = "取消";  -- 取消按钮标题
};

