android design 学习1:TextInputLayout

介绍

TextInputLayout是属于Material Design的新特性
存在的意义:
我们知道TextInputLayout是跟EditText是很类似的,那么他存在肯定是有意思的,EditText在设置hint="xxx"是默认显示,然后只要在edittext中输入的时候默认显示的就消失了,这种体验就不是很好。

那TextInputLayout有什么不同的地方呢,我们先来看下官方的案例图片


官方案例图片

我们可以看到在edittext输入文字的时候,默认提示的文字并没有消失,而是现实在其左上方。确实是很友好的交互


TextInputLayout使用

添加依赖

因为TextInputLayout是属于Material Design特性,所以我们需要添加依赖
<pre>
compile 'com.android.support:appcompat-v7:23.1.0'
compile 'com.android.support:design:23.1.0'
</pre>

布局使用

先看布局代码在说

<pre>

<android.support.design.widget.TextInputLayout
android:id="@+id/activity_activate_robot_email_tilayout"
android:layout_width="300dp"
android:layout_height="wrap_content"
android:layout_below="@id/activity_activate_robot_phone_tilayout"
android:layout_marginTop="20dp"
>
<EditText
android:layout_width="300dp"
android:layout_height="wrap_content"
android:hint="@string/activity_activate_input_email"
android:inputType="number"
/>
</android.support.design.widget.TextInputLayout>
</pre>

看代码我们知道,他并不是我们最初想的是替换掉edittext,而是在edittext上加载了一层控件

TextInputLayout控件和LinearLayout完全一样,它只是一个容器。
那我们可能会想,那我又多个edittext我能不能都放到TextInputLayout中呢,答案是不行,因为:TextInputLayout只接受一个子元素。子元素需要是一个EditText元素。

修改样式

这里面的修改样式主要是修改提示文字颜色和控件颜色。
修改其实很简单,我们可以在style.xml中找到

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">#3498db</item>
</style>

只要将

    <item name="colorAccent">#3498db</item>

这里面的颜色值替换就可以了

获取TextInputLayout的数据

看布局我们知道TextInputLayout中包含了EditText,那我们获取数据可以直接通过EditText.getText().ToString();得到文本内容。
而其实TextInputLayout也是可以获取edittext的文本内容的。
<pre>
String phone = activityActivateRobotPhoneTilayout.getEditText().getText().toString().trim();
String email = activityActivateRobotEmailTilayout.getEditText().getText().toString().trim();
</pre>
看下不同之处,他先是getEditText()获取子Edittext,然后再getText()来获取EditText的文本信息。

错误信息显示

既然TextInputLayout他是为友好交互而诞生,那么在输入问题错误的时候也能够给出友好的提示,如:


那么是怎么实现的呢,我们看代码

    activityActivateRobotEmailTilayout.setError("Not a valid email address!");
    activityActivateRobotPhoneTilayout.setError("Not a valid phone number!");

然后如果没有错误呢,怎么讲这个错误去掉呢

    activityActivateRobotEmailTilayout.setErrorEnabled(false);
    activityActivateRobotPhoneTilayout.setErrorEnabled(false);

总结

虽然很简单,但是是不是感觉很多人还没开始用到,是不是感觉很多地方可以用到。

material design 很多新特性都不错,一起赶快用起来吧。


慢慢努力做好身边所有的事

求知若饥,虚心若愚

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,463评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,868评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,213评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,666评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,759评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,725评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,716评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,484评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,928评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,233评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,393评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,073评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,718评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,308评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,538评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,338评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,260评论 2 352

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,028评论 25 707
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,749评论 22 665
  • Learn-Android 本收集来源于git上,原版本地址:https://github.com/Tim9Liu...
    仕明同学阅读 2,231评论 0 36
  • 没有一个地方是安全并且隐私的。现在,就连藏在我小心脏里的秘密也开始挣扎着喷薄欲出了。并不是恐惧,只是那些原本属于我...
    春与浪阅读 280评论 0 1
  • 光棍节这位鼠先生(小姐)梦想成真了 为了食物安全,特意找了一个上大下小铁箱的铁箱。某天发现被入侵了,满箱狼藉。 于...
    走向远方的进哥阅读 462评论 0 0