脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → Android开发TextInputLayout样式

Android开发手册TextInputLayout样式使用示例

 更新时间：2022年06月10日 17:22:39   作者：芝麻粒儿  
这篇文章主要为大家介绍了Android开发手册TextInputLayout样式使用示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

前言

前面小空带同学们学了EditText控件，又用其实践做了个验证码功能，以为这就完了吗？

然而并没有。

Android在5.0以后引入了Materia Design库的设计，现在又有了Jetpack UI库的设计。帮助开发者更高效的实现炫酷的UI界面，降低开发门槛。

Jetpack我们后面再说，承接之前的EditText，先说说Materia Design里的TextInputLayout。

使用方式是将TextInputEditText或EditText套到TextInputLayout内，这样友情提示信息hit就可以带有动画（上浮为标题），计数/密码可见等属性设置。  

布局代码

<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样式使用示例的详细内容，更多关于Android开发TextInputLayout样式的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

相关文章

  • Android实现上拉吸顶效果

    Android实现上拉吸顶效果

    这篇文章主要为大家详细介绍了Android实现上拉吸顶效果，上滑标题固定在顶部，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-02-02
  • Diycode开源项目实例搭建上拉加载和下拉刷新的Fragment

    Diycode开源项目实例搭建上拉加载和下拉刷新的Fragment

    这篇文章主要介绍了Diycode开源项目实例搭建上拉加载和下拉刷新的Fragment以及相关的代码分享。
    2017-11-11
  • Flutter持久化存储之数据库存储（sqflite）详解

    Flutter持久化存储之数据库存储（sqflite）详解

    这篇文章主要给大家介绍了关于Flutter持久化存储之数据库存储的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者使用Flutter具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-03-03
  • 如何在Android App中集成支付宝和微信支付功能

    如何在Android App中集成支付宝和微信支付功能

    支付是各位Android开发者们在日常工作中经常会遇到的一个需求，下面这篇文章主要给大家介绍了关于如何在Android App中集成支付宝和微信支付功能的相关资料，文中通过示例代码介绍的非常详细，需要的朋友下面随着小编来一起学习学习吧
    2018-05-05
  • Android getevent用法实例详解

    Android getevent用法实例详解

    这篇文章主要介绍了Android getevent用法实例详解的相关资料,需要的朋友可以参考下
    2017-06-06
  • flutter实现底部不规则导航栏

    flutter实现底部不规则导航栏

    这篇文章主要为大家详细介绍了flutter实现底部不规则导航栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-07-07
  • android 关于webview 加载h5网页开启定位的方法

    android 关于webview 加载h5网页开启定位的方法

    今天小编就为大家分享一篇android 关于webview 加载h5网页开启定位的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-07-07
  • Android开发之DatePickerDialog、TimePickerDialog时间日期对话框用法示例

    Android开发之DatePickerDialog、TimePickerDialog时间日期对话框用法示例

    这篇文章主要介绍了Android开发之DatePickerDialog、TimePickerDialog时间日期对话框用法,结合实例形式分析了Android使用DatePickerDialog、TimePickerDialog显示日期时间相关操作技巧,需要的朋友可以参考下
    2019-03-03
  • Android中Activity之间跳转和参数传递的实例

    Android中Activity之间跳转和参数传递的实例

    本篇文章主要介绍了Android中Activity之间跳转和参数传递的实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • android 自定义view实现彩虹进度条功能

    android 自定义view实现彩虹进度条功能

    实现一个彩虹色进度条功能,不说明具体用途大家应该能猜到,想找别人造的轮子,但是没有合适的,所以决定自己实现一个,下面小编通过实例代码给大家分享android 自定义view实现彩虹进度条功能,感兴趣的朋友一起看看吧
    2024-06-06

最新评论