Andorid Material Design TextInputLayout和TextInputEditText

最新推荐文章于 2021-12-10 13:08:03 发布

路易斯睿齐

最新推荐文章于 2021-12-10 13:08:03 发布

阅读量1k

点赞数

分类专栏： Android 文章标签：设计继承 material design

本文链接：https://blog.csdn.net/richiezhu/article/details/52348023

版权

Android 专栏收录该内容

153 篇文章 0 订阅

订阅专栏

TextInputLayout继承自LinearLayout

api:https://developer.android.com/reference/android/support/design/widget/TextInputLayout.html

Layout which wraps an EditText (or descendant) to show a floating label when the hint is hidden due to the user inputting text.

Also supports showing an error via setErrorEnabled(boolean) and setError(CharSequence), and a character counter via setCounterEnabled(boolean).

The TextInputEditText class is provided to be used as a child of this layout. Using TextInputEditText allows TextInputLayout greater control over the visual aspects of any text input.

被设计成用来包裹一个EditText (或者其子类)的布局，当它在用户输入、提示文本被隐藏的同时来显示一个浮动的标签，同时能够通过 setErrorEnabled(boolean)和setError(CharSequence) 来支持显示一个错误显示，同时可以通过setCounterEnabled(boolean)来显示一个字符计数器，
而TextInputEditText 类是就是被设计成用来作为这个布局包裹子的控件来使用，使用它会让TextInputLayout 更加完善得控制任何输入文本的视觉效果。

An example usage is as so:
下面是简单的事例用法

<android.support.design.widget.TextInputLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content">

     <android.support.design.widget.TextInputEditText
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:hint="@string/form_username"/>

 </android.support.design.widget.TextInputLayout>

api:https://developer.android.com/reference/android/support/design/widget/TextInputEditText.html

TextInputEditText继承自AppCompatEditText

A special sub-class of EditText designed for use as a child of TextInputLayout.

Using this class allows us to display a hint in the IME when in ‘extract’ mode.

一个特别的EditText 替代类，是被设计成用于TextInputLayout包裹的子控件来使用的，使用它在全屏模式下来显示android:hint提示文字。

所以TextInputLayout最常用的还是包裹EditText 来使用。。。

TextInputLayout常用xml属性

counterEnabled
Whether the layout is laid out as if the character counter will be displayed.
计数器是否可用

counterMaxLength
The max length to display in the character counter.
计数器最大字符长度

errorEnabled
Whether the layout is laid out as if an error will be displayed.
错误信息是否可用

hintAnimationEnabled
Whether to animate hint state changes.
提示信息动画是否可用

hintEnabled
Whether the layout’s floating label functionality is enabled.
提示信息是否可用

hintTextAppearance
提示信息外观

passwordToggleContentDescription
Text to set as the content description for the password input visibility toggle.
设置当前是密码可见状态的描述文本

passwordToggleDrawable
Drawable to use as the password input visibility toggle icon.
密码可见状态切换按钮图标

passwordToggleEnabled
Whether the view will display a toggle when the EditText has a password.
密码可见状态切换按钮是否可用

hint
The hint to display in the floating label.
提示信息

xml

<android.support.design.widget.TextInputLayout
    android:id="@+id/id_til"
    android:layout_width="200dp"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    app:hintAnimationEnabled="false"
    android:layout_height="wrap_content">
    <EditText
        android:id="@+id/id_et"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        />
</android.support.design.widget.TextInputLayout>

code

 final TextInputLayout idtil = (TextInputLayout) findViewById(R.id.id_til);
        idet.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {

                if (s.toString().equals("")){
                    idtil.setError("is empty");
                }else{
                    idtil.setError(null);
                }
            }

            @Override
            public void afterTextChanged(Editable s) {

            }
        });