iis服务器助手广告
返回顶部
首页 > 资讯 > 精选 >Android的TextInputLayout样式如何使用
  • 717
分享到

Android的TextInputLayout样式如何使用

2023-07-02 08:07:32 717人浏览 独家记忆
摘要

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

这篇文章主要介绍“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样式如何使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网精选频道,小编每天都会为大家更新不同的知识点。

--结束END--

本文标题: Android的TextInputLayout样式如何使用

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

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

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

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

下载Word文档
猜你喜欢
  • Android的TextInputLayout样式如何使用
    这篇文章主要介绍“Android的TextInputLayout样式如何使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Android的TextInputLayout样式如何使用”文章能帮助大家解...
    99+
    2023-07-02
  • Android开发手册TextInputLayout样式使用示例
    目录前言布局代码属性介绍前言 前面小空带同学们学了EditText控件,又用其实践做了个验证码功能,以为这就完了吗? 然而并没有。 Android在5.0以后引入了Materia D...
    99+
    2024-04-02
  • 怎么在Android中使用TextInputLayout创建一个登陆页面
    怎么在Android中使用TextInputLayout创建一个登陆页面?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1. 实现 TextInputLayout第一步: 创...
    99+
    2023-05-30
    android textinputlayout
  • 如何巧妙的使用css样式
    今天就跟大家聊聊有关对于一些css样式的巧妙方法进行总结(推荐),可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。一、块元素水平垂直居中对于一个块元素的...
    99+
    2024-04-02
  • 如何使用css样式制作好看的表单样式
    小编给大家分享一下如何使用css样式制作好看的表单样式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   form代码:  ...
    99+
    2024-04-02
  • 如何使用jQuery切换样式
    小编给大家分享一下如何使用jQuery切换样式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!使用jQuery切换样式//Look for th...
    99+
    2023-06-27
  • Flex中如何使用Flex样式
    这篇文章给大家分享的是有关Flex中如何使用Flex样式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Flex中使用Flex样式Flex所支持的Flex样式比Flash要丰富,Flex样式定义的方法也很多。这也是...
    99+
    2023-06-17
  • css如何使用字体样式
    这篇文章给大家分享的是有关css如何使用字体样式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。字体:color、font-sizecolor:颜色,字体颜色例如:<head...
    99+
    2024-04-02
  • css中要如何使用行内样式、内嵌样式和外部引用样式
    本篇文章为大家展示了css中要如何使用行内样式、内嵌样式和外部引用样式,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。行内样式:<!doctype html><html&g...
    99+
    2023-06-08
  • html如何使用背景色样式
    这篇文章给大家分享的是有关html如何使用背景色样式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。背景色:background-color<ul style=&q...
    99+
    2024-04-02
  • 使用js如何改变css样式
    这篇文章主要介绍使用js如何改变css样式,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!方法:1、使用“对象.style.属性名="值"”;2、使用“对象.style.cssText="...
    99+
    2023-06-15
  • 如何使用JavaScript移除CSS样式
    在前端开发中,我们通常使用CSS样式来控制页面的外观和布局。但有时我们可能需要通过JavaScript动态地移除某些CSS样式,以实现特定的效果。在这篇文章中,我们将介绍如何使用JavaScript移除CSS样式。一、为什么需要移除CSS样...
    99+
    2023-05-14
  • Android样式开发之layer-list怎么使用
    在Android开发中,可以使用layer-list来创建图层列表样式。layer-list是一个XML文件,用于定义一个或多个可叠...
    99+
    2023-10-22
    Android
  • Bootstrap3.0中如何使用按钮样式
    Bootstrap3.0中如何使用按钮样式,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。选项使用上面列出的class可以快速创建一个带有样式的按钮。代码如下:   &...
    99+
    2023-06-08
  • 如何使用JQuery更改CSS样式
    JQuery是一个优秀的JavaScript库,它简化了JavaScript的代码编写。在jQuery中有一个 $.css()方法可用于更改CSS样式。在本文中,我们将讨论如何使用JQuery更改CSS样式。1. jQuery .css()...
    99+
    2023-05-14
  • Vue中如何使用class类样式
    这篇文章将为大家详细讲解有关Vue中如何使用class类样式,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。在vue中为我们提供了 几种方式来使用class类的样式1. 布尔值我们先正常在 style 标签...
    99+
    2023-06-25
  • Android TabLayout 自定义样式及使用详解
    目录基本使用XML静态设置TabItem联动ViewPager2动态设置TabItem1. Activity布局代码2. 创建三个Fragment给ViewPager2设置3. Fr...
    99+
    2024-04-02
  • 如何使用css样式加载的优先级
    这篇文章主要讲解了“如何使用css样式加载的优先级”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何使用css样式加载的优先级”吧!定义了class,在页面最初加载的过程中是被识别出来了,当...
    99+
    2023-06-08
  • 如何使用JQuery来移除元素的样式
    JQuery是一个非常流行的JavaScript库,开发者们经常使用JQuery来操作HTML页面中的元素。在JQuery中,我们可以使用一些简单的方法来操作元素的样式,如添加样式、删除样式或编辑样式。本文将重点介绍如何使用JQuery来移...
    99+
    2023-05-14
  • CSS中如何使用ul与li样式
    本篇文章为大家展示了CSS中如何使用ul与li样式,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。CSS中的ul与li样式详解ul和li列表是使用CSS布局页面时常用...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作