打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
【进阶篇】Android学习笔记

Google为了统一Android系统的视觉和使用体验而提出的一个新的标准,这就是Android Design。为了让旧的系统也能兼容新的标准,Google提供了Android Design Support Library包,在此包中,Android提供了很多新的控件。而TextInputLayout正是来自于Android Design Support Library包。

TextInputLayout是一个新的布局,从继承树上看,它继承自LinearLayout,但是它并不支持android:orientation属性,因为TextInputLayout和ScrollView一样,只能在其中迁入唯一的控件。另外从TextInputLayout这个布局的名称可以猜出,这是一个专门针对文本输入动作而设计的布局。所以TextInputLayout一般是EditText或者AutoCompleteTextView这样的控件,TextInputLayout为这些控件提供了体验更好的显示和体验效果。

这里以一个包含EditText的示例,示范一下TextInputLayout的用法和效果。其布局文件如下:

<android.support.design.widget.TextInputLayout    android:layout_width="match_parent"    android:layout_height="wrap_content"    app:counterEnabled="true"    app:counterMaxLength="5"    app:hintAnimationEnabled="true"    app:counterOverflowTextAppearance="@android:style/TextAppearance.DeviceDefault.Large">    <EditText        android:id="@+id/password"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:inputType="textPassword"        android:maxLines="1"        android:hint="@string/prompt_password"        android:singleLine="true" /></android.support.design.widget.TextInputLayout>

其中的app是为了使用Android Design Support Library包提供的新属性,而进行的一个申明,只需要在布局文件的根元素上引入以下的命名空间即可。

xmlns:app="http://schemas.android.com/apk/res-auto"

布局文件设置完毕,运行效果如下图所示:

从运行结果可以看到,视觉效果明显比单纯的只用EditText好了不少。这里TextInputLayout做了一下几件事:

  1. 自动计算出一个Padding,为动画,错误信息以及字数统计留出足够的显示空间。
  2. 当EditText获取到焦点时,以动画的方式,将EditText中的hint移动到左上方,避免了单独使用EditText时,提示信息在获取到焦点后就不显示的糟糕体验。
  3. 统计EditText字数,并动态更新显示。

在TextInputLayout中,重要的属性有以下几个:

 

  • counterEnabled:是否启用计数器
  • counterMaxLength:启用计数器时,最大字数限制(仅仅用做显示)
  • counterOverflowTextAppearance:当字数超出计数器的最大限制时的字体格式
  • hintAnimationEnabled:是否启用hint动画效果
  • errorEnabled:是否显示错误信息
  • errorTextAppearance:错误信息的字体格式

 

 

 

 

 欢迎转载,转载同时请尊重版权,附上本文原文链接:点击这里

 

 

==============================

 更多内容,欢迎查看本人博客:林彦君的博客

==============================

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
手把手教你掌握Design新控件
android中requestFocus
仿Android原生发短信界面小悟 | MC>>兜
[android]TextView文本的“选择文字”“复制”“粘贴”功能的实现
Android:XML布局文件详解
【Android布局】在程序中设置android:gravity 和 android:la...
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服