文档章节

android TextInputLayout组件的使用

baochen
 baochen
发布于 2017/05/03 22:09
字数 347
阅读 6
收藏 0

TextInputLayout介绍

TextInputLayout 是android 原生的一个组件,使用这个组可以得到很好的输入框体验效果:

TextInputLayout 的使用

首先在app下的 build.gradle 中引入

    compile 'com.android.support:appcompat-v7:25.0.0'
    compile 'com.android.support:design:25.0.0'

然后在布局文件中实现下面的布局


<android.support.design.widget.TextInputLayout
        android:id="@+id/phoneTextinputlayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:layout_marginTop="20dp"
        android:theme="@style/myStyle"
        app:counterEnabled="false"
        app:counterMaxLength="11"
        app:passwordToggleEnabled="false">

        <!-- 这里的TextInputEditText可以使用EditText代替 -->
        <android.support.design.widget.TextInputEditText
            android:id="@+id/phone"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="输入的内容"
            android:inputType="phone"
            android:maxLength="11"
            android:textSize="18sp" />
    </android.support.design.widget.TextInputLayout>

ok,这样就可以实现 TextInputLayout 的效果了

效果图

TextInputLayout 的相关属性

1.app:hintAnimationEnabled="true"//设置是否可以使用动画,默认是true 2.app:hintTextAppearance="@style/myStyle"//设置hint的文本属性,改变hint文字的大小颜色等属性

修改样式后的效果图

app:counterEnabled="true"//设置是否可以开启计数器,默认是false app:counterOverflowTextAppearance="" 计算器越位后的文字颜色和大小 **app:counterMaxLength=""**计算器的最大字数限制 app:errorEnabled="true" 是否允许错误提示 app:errorTextAppearance="" 错误提示的文字大小和颜色 **app:passwordToggleEnabled="true"**显示小眼睛 app:passwordToggleTint="@color/colorAccent" 给小眼睛上色 **app:passwordToggleTintMode="multiply"**小眼睛的显示方式 需要注意的是:如果想要显示小眼睛,就需要在 TextInputEditText 或者 EditText 中设置 为密码格式。比如:android:inputType="textPassword"

密码显示效果

© 著作权归作者所有

共有 人打赏支持
baochen
粉丝 0
博文 6
码字总数 5237
作品 0
贵阳
私信 提问
Andorid - Material Design之TextInputLayout

老婆保佑,代码无BUG 前言 Material Design 系列第二篇 TextInputLayout 目录 一:TextInputLayout如何使用 二:属性说明 引用 一:TextInputLayout如何使用 Untitled.gif 1. xml 2. activit...

Allens_Jiang
2018/01/02
0
0
增强EditText--TextInputLayout

该控件继承自linearlayout,里边只能包裹一个控件,EditText或继承自EditText, 在用户输入的时候能将原来的提示文字浮动在控件上边。 使用此控件需要引入依赖 下面是简单调用的代码 实现的效...

lanyu96
2018/12/05
0
0
TextInputLayout

TextInputLayout TextInputLayout 是一个布局,仅可以添加一个子View且必须为ExitText。 TextInputLayout 为用户提供了两个比较有意思的方法 1.hint是EditText的一个很好的属性,当用户输入数...

冰色
2016/01/07
632
0
TextInputLayout简单说使用

TextInputLayout是android.support.design.widget里的一个控件,需要配合EditText一起使用才行,而且必须是包裹住EditText,例如: TextInputLayout是为了检测输入的合法性应运而生的新控件,我们...

fantasiter
2016/05/30
14
0
Android 5.x新增控件之-TextInputLayout控件

本文系转载,原文地址http://blog.csdn.net/caihongdao123/article/details/51579366 hello,大家好! 今天给大家更新的博客是有关TextInputLayout的简单介绍。 TextInputLayout简介 TextIn...

jdfkldjlkjdl
2017/11/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

数据库篇一

数据库篇 第1章 数据库介绍 1.1 数据库概述  什么是数据库(DB:DataBase) 数据库就是存储数据的仓库,其本质是一个文件系统,数据按照特定的格式将数据存储起来,用户可以对数据库中的数据...

stars永恒
28分钟前
2
0
Intellij IDEA中设置了jsp页面,但是在访问页面时却提示404

在Intellij IDEA中设置了spring boot的jsp页面,但是在访问时,却出现404,Not Found,经过查找资料后解决,步骤如下: 在Run/Debug Configurations面板中设置该程序的Working Directory选项...

uknow8692
昨天
2
0
day24:文档第五行增内容|每月1号压缩/etc/目录|过滤文本重复次数多的10个单词|人员分组|

1、在文本文档1.txt里第五行下面增加如下内容;两个方法; # This is a test file.# Test insert line into this file. 分析:给文档后增加内容,可以用sed 来搞定;也可以用while do done...

芬野de博客
昨天
2
0
深入理解JVM—JVM内存模型

深入理解JVM—JVM内存模型 我们知道,计算机CPU和内存的交互是最频繁的,内存是我们的高速缓存区,用户磁盘和CPU的交互,而CPU运转速度越来越快,磁盘远远跟不上CPU的读写速度,才设计了内存...

onedotdot
昨天
2
0
MVC、MVCS、MVVM、MVP、VIPER等这么多架构模式哪一个好呢?

在项目开启阶段,其中一个很重要的环节就是选架构。 那么面对目前已知的这么多架构模式我们该怎么选择呢?这确实是个很让人头疼的问题! 下面我就在这里梳理一下目前常见的一些架构模式。 先...

Java干货分享
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部