iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android开发手册TextInputLayout样式使用示例
  • 702
分享到

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

2024-04-02 19:04:59 702人浏览 泡泡鱼
摘要

目录前言布局代码?属性介绍前言 前面小空带同学们学了EditText控件,又用其实践做了个验证码功能,以为这就完了吗? 然而并没有。 Android在5.0以后引入了Materia

前言

前面小空带同学们学了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样式的资料请关注编程网其它相关文章!

--结束END--

本文标题: Android开发手册TextInputLayout样式使用示例

本文链接: https://www.lsjlt.com/news/151129.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android开发手册TextInputLayout样式使用示例
    目录前言布局代码属性介绍前言 前面小空带同学们学了EditText控件,又用其实践做了个验证码功能,以为这就完了吗? 然而并没有。 Android在5.0以后引入了Materia D...
    99+
    2024-04-02
  • Android的TextInputLayout样式如何使用
    这篇文章主要介绍“Android的TextInputLayout样式如何使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Android的TextInputLayout样式如何使用”文章能帮助大家解...
    99+
    2023-07-02
  • Android开发手册SeekBar拖动条使用实例
    目录实践过程常用属性基本使用自定义样式实践过程 常用属性 因为Seekbar继承自ProgressBar,所以ProgressBar支持的XML属性SeekBar都适用。 【andr...
    99+
    2024-04-02
  • Android开发案例手册Application跳出dialog
    目录实践过程场景还原开始可能会遇见的bug 实践过程 场景还原 线程中监测和硬件的连接,在任何断开的话需要弹出框给用户选择是否重新连接。 所以我们的思路就是不使用依托于Activit...
    99+
    2024-04-02
  • Android开发手册RatingBar星级评分控件实例
    目录实践过程初识基本属性点击事件自定义样式实践过程 初识 RatingBar是基于SeekBar和ProgressBar的扩展,用星型来显示等级评定。 通常应用场景是在用户评价那,如...
    99+
    2024-04-02
  • Android样式开发之layer-list怎么使用
    在Android开发中,可以使用layer-list来创建图层列表样式。layer-list是一个XML文件,用于定义一个或多个可叠...
    99+
    2023-10-22
    Android
  • Android开发手册shape属性和子属性使用说明
    目录shape属性详解子属性详解shape属性详解 <xml version="1.0" encoding="utf-8"> <shape xmlns:androi...
    99+
    2024-04-02
  • Android开发中GridView用法示例
    本文实例讲述了Android开发中GridView用法。分享给大家供大家参考,具体如下:Android的GridView控件用于把一系列的空间组织成一个二维的网格显示出来,应用的比较多的就是组合图片显示。下面我就详细讲一个例子。首先写一个类...
    99+
    2023-05-30
    android gridview idv
  • css样式的使用示例
    这篇文章主要为大家展示了“css样式的使用示例”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css样式的使用示例”这篇文章吧。效果图如下所示:<html xmlns="...
    99+
    2023-06-08
  • Android开发使用WebView打造webapp示例代码
    目录前言代码如下前言 博主最近想做一款app,因为内容已经有了,故想到了使用WebView来做 ,现将代码贴出如下,供有同样需求的人参考,少走弯路 代码如下 public ...
    99+
    2024-04-02
  • Android开发flow常见API的使用示例详解
    目录collect通知flow执行launchIn()指定协程作用域通知flow执行catch{}捕捉异常merge()合流map{}变换发送的数据类型总结collect通知flow...
    99+
    2024-04-02
  • Android开发中ProgressDialog简单用法示例
    本文实例讲述了Android开发中ProgressDialog简单用法。分享给大家供大家参考,具体如下:网上一般对进度条的示例都是如何显示,没有在任务结束如何关闭的文章,参考其他文章经过试验之后把整套进度条显示的简单示例如下:建立andro...
    99+
    2023-05-30
    android progressdialog gr
  • web开发中css样式代码的示例分析
    小编给大家分享一下web开发中css样式代码的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一.文本设置  1...
    99+
    2024-04-02
  • Android开发基础使用ProgressBar加载进度条示例
    目录前言使用方法总结前言 之前我们用过WebView类,打开网页时就会出现加载网页的情况,为了让我们直观的感受到网页加载到什么程度而不是白白干等着空白页,于是加载进度条就是一个很好...
    99+
    2023-02-05
    Android ProgressBar加载进度条 Android ProgressBar
  • Web前端开发css基础样式的示例分析
    小编给大家分享一下Web前端开发css基础样式的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!颜色和单位的使用 颜色用颜...
    99+
    2024-04-02
  • Android开发使用Handler实现图片轮播功能示例
    本文实例讲述了Android使用Handler实现图片轮播功能。分享给大家供大家参考,具体如下:提前定义好一个Runnable接口,然后用handler调用。Mainactivity代码如下:package com.example.hand...
    99+
    2023-05-30
    android handler 图片轮播
  • Flutter开发Widgets 之 PageView使用示例
    目录构造方法以及参数:基本用法无限滚动实现指示器切换动画总结:构造方法以及参数: PageView可用于Widget的整屏滑动切换,如当代常用的短视频APP中的上下滑动切换的功能,也...
    99+
    2024-04-02
  • 怎样使用点击超链接的方式打开Android手机上的应用
    本篇文章为大家展示了怎样使用点击超链接的方式打开Android手机上的应用,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。在Android应用的AndroidManifest.xml里加入如下的配置片...
    99+
    2023-06-04
  • Spi机制在Android开发的应用示例详解
    目录Spi机制介绍举个例子ServiceLoader.load在Android中的应用总结Spi机制介绍 SPI 全称是 Service Provider Interface,是一种...
    99+
    2022-11-13
    Android开发Spi机制 Android Spi
  • Hutool开发MapUtil工具类使用示例
    目录概述行列互转键值互换sort排序操作join连接操作过滤转换操作获取get总结概述 Hutool是一个小而全的Java工具类库,通过静态方法封装,降低相关API的学习成本,提高工...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作