Skip to content

EditText

xuexiangjys edited this page Jan 12, 2019 · 15 revisions

Android输入框组件。包括MaterialEditText、密码输入框、带清除按钮的输入框以及自动校验的输入框。

MaterialEditText

遵循谷歌Material Design设计风格的输入框,功能强大,支持清除按钮、长度校验、悬浮提示、出错提示、样式自定义、自定义校验规则,自动校验等。

  • 演示效果

  • 使用案例
<com.xuexiang.xui.widget.edittext.materialedittext.MaterialEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Floating Label"
        app:met_floatingLabel="normal" />
        
<com.xuexiang.xui.widget.edittext.materialedittext.MaterialEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Custom Floating Label Text"
        app:met_floatingLabel="normal"
        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_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_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 是否在文字显示的时候开始计算文字的数量

ClearEditText

轻量级的带清除功能的输入框。

  • 演示效果

  • 使用案例
<com.xuexiang.xui.widget.edittext.ClearEditText
    android:id="@+id/clearEditText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp" />

<com.xuexiang.xui.widget.edittext.ClearEditText
    android:id="@+id/clearEditText1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cet_clearIcon="@drawable/icon_clear"
    app:cet_clearIconSize="@dimen/default_clear_icon_size"
    android:layout_margin="5dp" />
  • 属性表: (ClearEditText)
属性名 类型 默认值 备注
cet_clearIcon reference / 清除按钮的图片资源
cet_clearIconSize dimension 0 清除按钮的图片尺寸

PasswordEditText

支持密码显示隐藏的输入框。

  • 演示效果

  • 使用案例
<android.support.design.widget.TextInputLayout
    android:id="@+id/input_layout_password"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:layout_marginTop="16dp"
    android:gravity="start"
    android:textAlignment="viewStart">

    <com.xuexiang.xui.widget.edittext.PasswordEditText
        android:id="@+id/input_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="start"
        android:hint="输入密码"
        android:inputType="textPassword"
        android:textAlignment="viewStart"
        app:pet_enableIconAlpha="true" />
</android.support.design.widget.TextInputLayout>

<com.xuexiang.xui.widget.edittext.PasswordEditText
    android:id="@+id/input_password2"
    fontPath="fonts/Roboto-Thin.ttf"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:layout_marginTop="8dp"
    android:gravity="start"
    android:hint="重复密码"
    android:inputType="textPassword"
    android:textAlignment="viewStart"
    app:pet_enableIconAlpha="true"
    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 false 图标是否设置透明度

ValidatorEditText

可自动验证的输入框,支持自定义校验规则。可支持自定义错误提示。

  • 演示效果

  • 使用案例
<com.xuexiang.xui.widget.edittext.ValidatorEditText
        style="@style/EditText.Normal"
        android:layout_width="300dp"
        android:layout_margin="10dp"
        android:singleLine="true"
        app:vet_tipPosition="top"
        app:vet_regexp="@string/regexp_number_only"
        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) 出错提示显示的位置
Clone this wiki locally