文档章节

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
01/02
0
0
TextInputLayout

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

冰色
2016/01/07
632
0
Android 第七课——UI布局

Android布局分为:线性布局、相对布局、表格布局、帧布局、网格布局五种 布局中的距离单位:dp、px、sp。 布局继承关系图: 1)熟悉几个常用属性 <Button android:id="@+id/loginName" andr...

learn_more
2015/01/03
0
0
Android xml application属性详解

例子: <application android:allowClearUserData=["true" | "false"] android:allowTaskReparenting=["true" | "false"] android:backupAgent="string" android:debuggable=["true" | "fals......

恰同学少年
2015/07/28
0
0
Android学习笔记(二) 布局方式的介绍

Android应用的开发的一项内容就是用户界面开发了。Android提供了大量功能丰富的UI组件。Android的界面是由布局和组件协同完成的。 Android所有UI组件都继承了View类,View类有一个重要的子类...

半夏alvin
2014/03/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

BitMap的JAVA实现

相关概念 基础类型 在java中: byte -> 8 bits -->1字节char -> 16 bit -->2字节short -> 16 bits -->2字节int -> 32 bits -->4字节float -> 32 bits -->4字节long ->......

freeli
12分钟前
1
0
如何实现前端微服务化

摘要: fundebug-cli是Fudnebug的命令行工具,可以用于批量上传Source Map文件。 Fundebug支持使用Source Map还原真正的错误位置。这样的话,开发者能够迅速定位出错的源代码。另外,Fundebu...

Fundebug
24分钟前
0
0
spring boot jdbc

TODO

zzx10
25分钟前
1
0
var 是 Java 开发的好朋友啊!

简评:Java var != JavaScript var。 Java 10 中引入了新的语法用于局部变量类型推断,很多开发者有所疑惑,希望这篇文章能帮到你。 什么是类型推断 其实在 Java 中类型推断早就存在了,看下...

极光推送
29分钟前
0
0
进阶的Redis之Sentinel原理及实战

Redis作为一款高效的内存数据库,可作用于方方面面,相信如今项目的开发都离不开它。大家可能都知道Redis是高可用的,但很少知道具体高可用是利用什么去实现的。 抛两个问题: 只部署一个Red...

公众号_Zack说码
34分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部