我的书签
添加书签
移除书签Android输入框组件。包括MaterialEditText、密码输入框、带清除按钮的输入框以及自动校验的输入框。
MaterialEditText
遵循谷歌Material Design设计风格的输入框，功能强大，支持清除按钮、长度校验、悬浮提示、出错提示、样式自定义、自定义校验规则，自动校验等。
- 演示效果
- 使用案例
1. <com.xuexiang.xui.widget.edittext.materialedittext.MaterialEditText
2. android:layout_width="match_parent"
3. android:layout_height="wrap_content"
4. android:hint="Floating Label"
5. app:met_floatingLabel="normal" />
7. <com.xuexiang.xui.widget.edittext.materialedittext.MaterialEditText
8. android:layout_width="match_parent"
9. android:layout_height="wrap_content"
10. android:hint="Custom Floating Label Text"
11. app:met_floatingLabel="normal"
12. app:met_floatingLabelText="Label" />
- 属性表: (MaterialEditText)
| 属性名 | 类型 | 默认值 | 备注 |
|---|---|---|---|
| met_baseColor | color | Color.BLACK | 线和文字的基础颜色 |
| met_primaryColor | color | ?colorPrimary | 高亮样式的颜色 |
| met_floatingLabel | enum | none（normal,highlight） | 悬浮提示文字的样式 |
| met_errorColor | color | #e7492E | 出现错误时文字的颜色 |
| met_minCharacters | integer | 0 | 最少文字的限制（0代表无限） |
| met_maxCharacters | integer | 0 | 最多文字的限制（0代表无限） |
| met_allowEmpty | boolean | true | 是否允许输入为空 |
| met_errorEmpty | string | "输入不能为空" | 为空的错误提示 |
| met_singleLineEllipsis | boolean | false | 底部文字是否显示单行，显示不全的省略号 |
| met_helperText | string | / | 在底部的辅助文字 |
| met_helperTextColor | color | -1 | 辅助文字的颜色 |
| met_floatingLabelText | string | / | 自定义悬浮提示的文字 |
| met_floatingLabelPadding | dimension | 8dp | 输入框文字与悬浮提示文字的间距 |
| met_hideUnderline | boolean | false | 隐藏底线 |
| met_underlineColor | color | -1 | 输入框底线的颜色 |
| met_autoValidate | boolean | false | 是否自动校验 |
| met_iconLeft | reference | -1 | 左侧图标资源 |
| met_iconRight | reference | -1 | 右侧图标资源 |
| met_iconPadding | dimension | 8dp | 图标与输入区域的距离 |
| met_clearButton | boolean | false | 是否使用清除按钮 |
| met_passWordButton | boolean | false | 是否使用显示密码按钮 |
| met_isAsteriskStyle | boolean | false | 密码输入框文字的样式是否是“*” |
| met_floatingLabelTextSize | dimension | 12sp | 悬浮提示文字的大小 |
| met_floatingLabelTextColor | color | -1 | 悬浮提示文字的颜色 |
| met_bottomTextSize | dimension | 12sp | 底部提示文字的大小 |
| met_floatingLabelAlwaysShown | boolean | false | 悬浮提示一直显示（而不是通过动画显示／消失) |
| met_helperTextAlwaysShown | boolean | false | 是否一直显示辅助性文字（错误提示），无论是否在焦点 |
| met_floatingLabelAnimating | boolean | false | 是否使用动画显示悬浮提示 |
| met_textColor | color | / | 输入文字的颜色 |
| met_textColorHint | color | / | 提示文字的颜色 |
| met_validateOnFocusLost | boolean | false | 是否失去焦点后自动校验 |
| met_checkCharactersCountAtBeginning | boolean | true | 是否在文字显示的时候开始计算文字的数量 |
| met_regexp | string | / | 校验的正则表达式 |
| met_errorMessage | string | / | 校验不通过的提示信息 |
ClearEditText
轻量级的带清除功能的输入框。
- 演示效果
- 使用案例
1. <com.xuexiang.xui.widget.edittext.ClearEditText
2. android:id="@+id/clearEditText"
3. android:layout_width="match_parent"
4. android:layout_height="wrap_content"
5. android:layout_margin="5dp" />
7. <com.xuexiang.xui.widget.edittext.ClearEditText
8. android:id="@+id/clearEditText1"
9. android:layout_width="match_parent"
10. android:layout_height="wrap_content"
11. app:cet_clearIcon="@drawable/icon_clear"
12. app:cet_clearIconSize="@dimen/default_clear_icon_size"
13. android:layout_margin="5dp" />
- 属性表: (ClearEditText)
| 属性名 | 类型 | 默认值 | 备注 |
|---|---|---|---|
| cet_clearIcon | reference | / | 清除按钮的图片资源 |
| cet_clearIconSize | dimension | 0 | 清除按钮的图片尺寸 |
PasswordEditText
支持密码显示隐藏的输入框。
- 演示效果
- 使用案例
1. <android.support.design.widget.TextInputLayout
2. android:id="@+id/input_layout_password"
3. android:layout_width="match_parent"
4. android:layout_height="wrap_content"
5. android:layout_margin="5dp"
6. android:layout_marginTop="16dp"
7. android:gravity="start"
8. android:textAlignment="viewStart">
10. <com.xuexiang.xui.widget.edittext.PasswordEditText
11. android:id="@+id/input_password"
12. android:layout_width="match_parent"
13. android:layout_height="wrap_content"
14. android:gravity="start"
15. android:hint="输入密码"
16. android:inputType="textPassword"
17. android:textAlignment="viewStart"
18. app:pet_enableIconAlpha="true" />
19. </android.support.design.widget.TextInputLayout>
21. <com.xuexiang.xui.widget.edittext.PasswordEditText
22. android:id="@+id/input_password2"
23. fontPath="fonts/Roboto-Thin.ttf"
24. android:layout_width="match_parent"
25. android:layout_height="wrap_content"
26. android:layout_margin="5dp"
27. android:layout_marginTop="8dp"
28. android:gravity="start"
29. android:hint="重复密码"
30. android:inputType="textPassword"
31. android:textAlignment="viewStart"
32. app:pet_enableIconAlpha="true"
33. app:pet_hoverShowsPw="true" />
- 属性表: (PasswordEditText)
| 属性名 | 类型 | 默认值 | 备注 |
|---|---|---|---|
| pet_iconShow | integer | R.drawable.icon_visibility_24dp | 显示密码的图标资源 |
| pet_iconHide | integer | R.drawable.icon_visibility_off_24dp | 隐藏密码的图标资源 |
| pet_hoverShowsPw | boolean | false | 是否触摸显示密码 |
| pet_nonMonospaceFont | boolean | false | 是否使用系统默认字体 |
| pet_enableIconAlpha | boolean | true | 图标是否设置透明度 |
| pet_isAsteriskStyle | boolean | false | 密码输入框文字的样式是否是“*” |
ValidatorEditText
可自动验证的输入框，支持自定义校验规则。可支持自定义错误提示。
- 演示效果
- 使用案例
1. <com.xuexiang.xui.widget.edittext.ValidatorEditText
2. style="@style/EditText.Normal"
3. android:layout_width="300dp"
4. android:layout_margin="10dp"
5. android:singleLine="true"
6. app:vet_tipPosition="top"
7. app:vet_regexp="@string/regexp_number_only"
8. app:vet_errorMessage="@string/tip_number_only_error_message"/>
- 属性表: (ValidatorEditText)
| 属性名 | 类型 | 默认值 | 备注 |
|---|---|---|---|
| vet_regexp | string | / | 校验的正则表达式 |
| vet_errorMessage | string | / | 校验不通过的提示信息 |
| vet_autoValidate | boolean | false | 是否自动校验 |
| vet_show_errorIcon | boolean | true | 是否显示出错图标 |
| vet_errorIcon | reference | R.drawable.ic_default_tip_btn | 出错提示的图片资源 |
| vet_errorIconSize | dimension | 0 | 出错提示的图片尺寸 |
| vet_tipPosition | enum | right(left,top,bottom) | 出错提示显示的位置 |
MultiLineEditText
多行计数输入框。
- 演示效果
- 使用案例
1. <com.xuexiang.xui.widget.edittext.MultiLineEditText
2. android:layout_width="match_parent"
3. android:layout_height="wrap_content"
4. android:layout_marginTop="10dp" />
- 属性表: (MultiLineEditText)
| 属性名 | 类型 | 默认值 | 备注 |
|---|---|---|---|
| mlet_maxCount | integer | 240 | 最大输入文字的数目 |
| mlet_ignoreCnOrEn | boolean | true | 是否忽略中英文的差异 |
| mlet_hintText | string | / | 输入框提示文字 |
| mlet_hintTextColor | color | R.attr.xui_config_color_hint_text | 输入框提示文字的颜色 |
| mlet_contentPadding | dimension | 10dp | 输入框的padding |
| mlet_contentBackground | reference | / | 输入框背景 |
| mlet_contentText | string | / | 输入框的内容 |
| mlet_contentTextSize | dimension | 14sp | 输入框文字的大小 |
| mlet_contentTextColor | color | R.attr.xui_config_color_input_text | 输入框文字的颜色 |
| mlet_contentViewHeight | dimension | 140dp | 输入框的高度 |
| mlet_showSurplusNumber | boolean | false | 统计数字显示剩余数目 |
VerifyCodeEditText
用于手机验证码验证和支付密码验证的输入框组件。
- 演示效果
- 使用案例
1. <com.xuexiang.xui.widget.edittext.verify.VerifyCodeEditText
2. android:id="@+id/vcet_1"
3. android:layout_width="match_parent"
4. android:layout_height="wrap_content"
5. android:layout_marginLeft="10dp"
6. android:layout_marginTop="26dp"
7. android:layout_marginRight="10dp"
8. app:vcet_is_pwd="true"
9. app:vcet_number="6"
10. app:vcet_pwd_radius="10dp"
11. app:vcet_text_color="#000000"
12. app:vcet_width="50dp" />
- 属性表: (VerifyCodeEditText)
| 属性名 | 类型 | 默认值 | 备注 |
|---|---|---|---|
| vcet_number | integer | 4 | 输入框的数量 |
| vcet_width | dimension | 21dp | 每一个输入框的宽度 |
| vcet_divider | reference | / | 输入框之间的分割线 |
| vcet_text_color | color | Color.BLACK | 输入框文字颜色 |
| vcet_text_size | dimension | 16sp | 输入框文字大小 |
| vcet_bg_focus | reference | / | 输入框获取焦点时背景 |
| vcet_bg_normal | reference | / | 输入框没有焦点时背景 |
| vcet_is_pwd | boolean | false | 是否是密码模式 |
| vcet_pwd_radius | dimension | 5dp | 密码模式时,圆的半径 |
