文档章节

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
TextInputLayout简单说使用

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

fantasiter
2016/05/30
14
0
android组建属性及使用许可

线性布局LinearLayout组件属性列表 线性布局参数LinearLayout_Layout 相对布局RalativeLayout 相对布局参数RalativeLayout_Layout 绝对布局参数AbsoluteLayout_Layout 框布局FrameLayout 框布...

xiahuawuyu
2013/01/06
0
0
Android静态安全检测 -> Activity组件暴露

Activity组件暴露 - exported属性 一、android:exported 该属性用来标示,当前Activity是否可以被另一个Application的组件启动 1. true 表示允许被启动 2. false 【1】表示不允许被启动,这个...

老鹰a
06/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周日乱弹 —— 恨不得给你买张飞机挂票

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @开源中国首席灵魂师:分享张希/曹方的单曲《认真地老去》 来不及认真的年轻过,就认真的老去! 《认真地老去》- 张希/曹方 手机党少年们想听...

小小编辑
今天
156
6
如何实现靠谱的分布式锁?

分布式锁,是用来控制分布式系统中互斥访问共享资源的一种手段,从而避免并行导致的结果不可控。基本的实现原理和单进程锁是一致的,通过一个共享标识来确定唯一性,对共享标识进行修改时能够...

郑加威
今天
1
0
Mac OS X下Maven的安装与配置

Mac OS X 安装Maven: 下载 Maven, 并解压到某个目录。例如/Users/robbie/apache-maven-3.3.3 打开Terminal,输入以下命令,设置Maven classpath $ vi ~/.bash_profile 添加下列两行代码,之后...

TonyStarkSir
今天
3
0
关于编程,你的练习是不是有效的?

最近由于工作及Solution项目的影响,我在重新学习DDD和领域建模的一些知识。然后,我突然就想到了这个问题,以及我是怎么做的? 对于我来说,提升技能的项目会有四种: 纯兴趣驱动的项目。即...

问题终结者
今天
10
0
打开eclipse出现an error has occurred see the log file

解决方法: 1,打开eclipse安装目录下的eclipse.ini文件; 2,打开的文本文件最后添加一行 --add-modules=ALL-SYSTEM 3,保存重新打开Eclipse。...

任梁荣
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部