TextInputEditText用法
来源:互联网 发布:来电自动接听软件 编辑:程序博客网 时间:2024/06/05 06:49
前言:
Material Design推出了一种优秀的文本输入框形式——当用户点击空内容的文本输入框时,原本位于输入框内的提示语会经由一个动画浮动至输入框上方,文本颜色同时变成强调色,明确显示此时该组件获得焦点
为了让开发者更加方便地实现这种效果Google推出了TextInputLayout组件,里面放置一个EditText或者TextInputEditText,可以轻松实现
附上效果图
添加依赖
compile 'com.android.support:appcompat-v7:25.1.0'compile 'com.android.support:design:25.1.0'
TextInputLayout常用属性以及用法
注:passwordToggleTintMode
相关知识有兴趣请参考Xfermode in android 其中有关于这方面概念的解释。
layout布局
<?xml version="1.0" encoding="utf-8"?><!--TextInputLayout: app:hintEnabled="true"//设置是否可以使用hint属性,默认是true app:hintAnimationEnabled="true"//设置是否可以使用动画,默认是true app:hintTextAppearance="@style/hintAppearance"//设置hint的文本属性,改变hint文字的大小颜色等属性 app:counterEnabled="true"//设置是否可以开启计数器,默认是false app:counterOverflowTextAppearance="@style/counterOverflowTextAppearance"//设置计算器越位后的文字颜色和大小 app:counterTextAppearance="@style/hintAppearance"//设置正常情况下的计数器文字颜色和大小 app:counterMaxLength="11"//设置计算器的最大字数限制 app:errorEnabled="true"//是否允许错误提示,默认是true app:errorTextAppearance="@style/errorAppearance"//错误提示的文字大小和颜色 app:passwordToggleEnabled="true"//设置是否显示密码眼睛,默认是false app:passwordToggleDrawable="@mipmap/ic_launcher"//自定义眼睛图标 app:passwordToggleTint="@color/colorAccent"//给眼睛着色 app:passwordToggleTintMode="multiply"//选择着色模式,与passwordToggleTint一起用--><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <android.support.design.widget.TextInputLayout android:id="@+id/widget_textinput_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/TextInputLayoutLineColor" app:counterEnabled="true" app:counterMaxLength="11" app:counterOverflowTextAppearance="@style/counterOverflowTextAppearance" app:errorTextAppearance="@style/errorAppearance" app:hintTextAppearance="@style/hintAppearance"> <com.caihan.mydemo.widget.edittext.AutoCheckEditText android:id="@+id/widget_et" android:layout_width="match_parent" android:layout_height="wrap_content" android:drawableEnd="@drawable/v2_et_del_image" android:drawableStart="@drawable/v2_register_phone" android:hint="请输入用户名" android:imeOptions="actionNext" android:inputType="number" android:singleLine="true"/> </android.support.design.widget.TextInputLayout> <android.support.design.widget.TextInputLayout android:id="@+id/widget_textinput_layout2" android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/TextInputLayoutLineColor" app:counterEnabled="true" app:counterMaxLength="11" app:counterOverflowTextAppearance="@style/counterOverflowTextAppearance" app:errorTextAppearance="@style/errorAppearance" app:hintTextAppearance="@style/hintAppearance" app:passwordToggleEnabled="true" app:passwordToggleTint="@color/colorAccent"> <com.caihan.mydemo.widget.edittext.AutoCheckEditText android:id="@+id/widget_et2" android:layout_width="match_parent" android:layout_height="wrap_content" android:drawableStart="@drawable/v2_login_pwd" android:hint="请输入密码" android:imeOptions="actionDone" android:inputType="textPassword" android:singleLine="true"/> </android.support.design.widget.TextInputLayout></LinearLayout>
Style
<!--EditText的主題 Start--><style name="TextInputLayoutLineColor" parent="Theme.AppCompat.Light"> <!--没有获取焦点时的颜色--> <item name="colorControlNormal">@color/colorAccent</item> <!--获取焦点时的颜色--> <item name="colorControlActivated">@color/main_color</item></style><!--浮动标签--><style name="hintAppearance" parent="TextAppearance.AppCompat"> <item name="android:textSize">14sp</item> <item name="android:textColor">@color/colorPrimary</item></style><!--错误提示信息--><style name="errorAppearance" parent="TextAppearance.AppCompat"> <item name="android:textSize">14sp</item> <item name="android:textColor">@android:color/holo_red_light</item></style><!--超出计数最大长度,浮动标签,下划线,计数文字都会改变颜色--><style name="counterOverflowTextAppearance" parent="TextAppearance.AppCompat"> <item name="android:textSize">14sp</item> <item name="android:textColor">@android:color/holo_red_dark</item></style>
<!--EditText的主題 End-->
原文链接:http://www.jianshu.com/p/1de8c7a3cd58
0 0
- TextInputEditText用法
- android TextInputEditText,TextInputEditText
- TextInputEditText 中文翻译
- Android Design Support Library(一):FloatingActionButton、TextInputLayout、TextInputEditText简单用法
- Android Design Support Library(一):FloatingActionButton、TextInputLayout、TextInputEditText简单用法
- Android Design Support Library(一):FloatingActionButton、TextInputLayout、TextInputEditText简单用法
- TextInputEditText样式设置
- TextInputLayout&TextInputEditText的使用
- TextInputLayout与TextInputEditText详解
- TextInputLayout和TextInputEditText使用
- Andorid Material Design TextInputLayout和TextInputEditText
- Android Material Design之TextInputLayout、TextInputEditText解析
- Android中Design库之TextInputLayout、TextInputEditText
- Material Design 入门(一)——TextInputLayout和TextInputEditText
- Android TextInputEditText设置 android:inputType="textPassword"去掉眼睛
- Material Design 入门(一)——TextInputLayout和TextInputEditText
- Android Design Support Library使用详解——TextInputLayout与TextInputEditText
- Android Design Support Library使用详解——TextInputLayout与TextInputEditText
- Duplicate files copied in APK META-INF/services/javax.annotation.processing.Processor
- OpenGL基础概念(一)
- FineReport 点击跳转到新的网页或者查看图片详情
- OSGI:Spring HelloWorld
- 洛谷 1996_约瑟夫问题_模拟
- TextInputEditText用法
- IE-SESSION丢失
- Linux进程间的通信方式
- Service Discovery for NGINX Plus Using DNS SRV Records from Consul
- POJ 2479 Maximum sum(动态规划、多段最大子序列求和)
- ORB-SLAM
- FastJson使用
- Spring-基于java的标准注解装配-@Inject和@Named与@autowired和@ Qualifier区别
- CentOs7下部署tomcat文件服务器