温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Android的TextInputLayout样式如何使用

发布时间:2022-06-13 14:04:21 来源:亿速云 阅读:157 作者:iii 栏目:开发技术

这篇文章主要介绍“Android的TextInputLayout样式如何使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Android的TextInputLayout样式如何使用”文章能帮助大家解决问题。

布局代码

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入用户名">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="number" />
</com.google.android.material.textfield.TextInputLayout>
<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="60dp"
    android:hint="请输入密码">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPassword" />
</com.google.android.material.textfield.TextInputLayout>

这样就简单的实现了一个效果。我们在继续深入添加些属性:

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入用户名"
    app:hintAnimationEnabled="false">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="number" />
</com.google.android.material.textfield.TextInputLayout>
<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="60dp"
    android:hint="请输入密码"
    app:counterEnabled="true"
    app:counterMaxLength="10"
    app:passwordToggleEnabled="true">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPassword" />
</com.google.android.material.textfield.TextInputLayout>

从运行结果可以看出,设置了字数限制后,自动在编辑框右下角显示最大字数和当前输入字数(随着输入情况实时变化),并且更改了颜色样式

????属性介绍

  • app:boxCollapsedPaddingTop 设置用于编辑文本在框模式下折叠的顶部填充的值 

  • app:boxStrokeErrorColor 在显示错误时设置轮廓框的描边颜色。 

  • app:boxStrokeWidth 设置描边的宽度 

  • app:boxStrokeWidthFocused 设置获取焦点框的描边宽度 

  • app:counterEnabled     是否显示计数器 

  • app:counterMaxLength 设置计数器的最大值,与counterEnabled同时使用 

  • app:counterTextAppearance       计数器的字体样式 

  • app:counterOverflowTextAppearance 输入字符大于我们限定个数字符时的字体样式 

  • app:errorEnabled  是否显示错误信息 

  • app:errorTextAppearance&nbsp;   错误信息的字体样式 

  • app:endIconCheckable 设置是否显示结束图标 

  • app:endIconContentDescription 为结束图标设置内容说明 

  • app:endIconDrawable 设置结束图标图像 

  • app:endIconMode 设置模式 

  • app:endIconTintMode 指定混合模式,用于将 指定的色调应用于可绘制的结束图标。 

  • app:helperText 设置帮助文本 

  • app:helperTextEnabled 设置是否激活帮助文本 

  • app:helperTextTextColor 设置帮助文本颜色 

  • app:hintAnimationEnabled  是否显示hint的动画,默认true 

  • app:hintEnabled    是否使用hint属性,默认true 

  • app:hintTextAppearance      设置hint的文字样式(指运行动画效果之后的样式) 

  • app:passwordToggleDrawable    设置密码开关Drawable图片,于passwordToggleEnabled同时使用 

  • app:passwordToggleEnabled      是否显示密码开关图片,需要EditText设置inputType 

  • app:passwordToggleTint     设置密码开关图片颜色 

  • app:passwordToggleTintMode    设置密码开关图片(混合颜色模式),与passwordToggleTint同时使用

关于“Android的TextInputLayout样式如何使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI