Android学习之Design Support Library中TextInputLayout的使用

今天学习了一个Android Design Support Library 中的TextInputLayout控件,感觉还不错,较之以往的Editetxt,多了几分灵活性,使用也非常easy,故此给大家推荐一下。并记录用法。

首先上图来介绍一下它跟我们以往使用的有什么改变。

Android学习之Design Support Library中TextInputLayout的使用

这里简单看一下,它多了一个提示功能。一般当EditText输入内容后,hint会消失。

TextInputLayout会在输入内容后。提示就会浮动在EditText上方。

当然也支持错误提示。

以下来看实现方式

加入依赖

    //noinspection GradleCompatible
compile 'com.android.support:design:24.0.0-alpha1'

该怎样实现呢?TextInputLayout作为父布局包括EditText即可了

 <android.support.design.widget.TextInputLayout
android:id="@+id/textInputLayouts"
android:layout_width="match_parent"
android:layout_margin="8dp"
android:layout_height="wrap_content"> <EditText
android:id="@+id/etPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/space_16"
android:hint="请输入password"
android:inputType="textPassword"
android:padding="@dimen/space_16"
android:textColor="@color/grey_800"
android:textSize="@dimen/text_size_14" />
</android.support.design.widget.TextInputLayout>

实现方式非常easy哈。然后该怎样在代码里设置呢?

TextInputLayout主要包括以下几个方法:


1.setHint()。设置提示信息

2.setError(),设置错误提示信息

3.setErrorEnabled(boolean enabled),设置error是否显示

4.getEditText(),获取自布局EditText

5.setCounterMaxLength(int) 设置可输入最大字符数。并在以下进行统计

6.setCounterEnabled(boolean ); 设置是否统计输入字符数

7.setHintAnimationEnabled(boolean) 设置hint动画是否开启。


Android学习之Design Support Library中TextInputLayout的使用

效果如上。

 tlName = (TextInputLayout) findViewById(R.id.textInputLayout);
tlPwd = (TextInputLayout) findViewById(R.id.textInputLayouts);
tlName.setHint("请输入username");
tlPwd.setHint("请输入password");

String userName = etUserName.getText().toString().trim();
String password = etPassword.getText().toString();
if (TextUtils.isEmpty(userName)) {
tlName.setError("username不能为空");
} else {
tlName.setErrorEnabled(false);
}
if (TextUtils.isEmpty(password)) {
tlPwd.setError("password不能为空");
} else {
tlPwd.setErrorEnabled(false);
}

逻辑嘛。也就是我们寻常写的登陆注冊逻辑。关键点在于加入了setError()。setErrorEnabled()方法。

好啦,就这么多。有个问题在设置setCounterMaxLengt()后。输入超过设置字符数后,会数组越界,不知道哪位大兄弟能够教我,谢谢!

代码下载

http://pan.baidu.com/s/1pKDg2a3

上一篇:如何在ASP.NET Core中使用Azure Service Bus Queue


下一篇:Javascript高级程序设计读书笔记(第六章)