TextInputLayout 使用

TextInputLayout主要是作为EditText的容器,从而为EditText生成一个浮动的Label,当用户点击EditText的时候,EditText中的hint字符串会自动移到EditText的左上角。
TextInputLayout如何使用

xml布局

<?xml version="1.0" encoding="utf-8"?>


<android.support.design.widget.TextInputLayout
android:layout_width=“match_parent”
android:layout_marginTop=“20dp”
android:layout_height=“wrap_content”>

</android.support.design.widget.TextInputLayout>
<android.support.design.widget.TextInputLayout
android:layout_width=“match_parent”
android:layout_marginTop=“20dp”
android:layout_height=“wrap_content”>

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

●设置最大字符数及错误提示
xml
<android.support.design.widget.TextInputLayout
android:layout_width=“match_parent”
android:layout_marginTop=“20dp”
app:counterEnabled=“true” //设置为true才能显字符数
app:counterMaxLength=“5” //设置最大字符数为5
app:counterOverflowTextAppearance="@style/HintError" //设置超出字符数后提示文字的颜色,如果不设置默认为@color/colorAccent的颜色
android:layout_height=“wrap_content”>

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

style文件(设置超出字符数的文字提示颜色为红色)

●设置错误提示文字
xml
<android.support.design.widget.TextInputLayout
android:layout_width=“match_parent”
android:layout_marginTop=“20dp”
app:errorEnabled=“true” //设置为true
android:id="@+id/textinputlayout_email"
android:layout_height=“wrap_content”>

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

java代码
editText_email=findViewById(R.id.et_email);
textInputLayout =findViewById(R.id.textinputlayout_email);
editText_email.addTextChangedListener(new TextWatcher() {
@Override
public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

        }

        @Override
        public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
            if(!RegexUtils.isEmail(charSequence)){
                textInputLayout.setError("邮箱格式错误");
                textInputLayout.setErrorEnabled(true);
            }else {
                textInputLayout.setErrorEnabled(false);
            }
        }

        @Override
        public void afterTextChanged(Editable editable) {

        }
    });

●设置密码是否可见
xml
<android.support.design.widget.TextInputLayout
android:layout_width=“match_parent”
android:layout_marginTop=“20dp”
app:errorEnabled=“true”
app:passwordToggleEnabled=“true” //设置为true
android:id="@+id/textinputlayout_password"
android:layout_height=“wrap_content”>

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Android TextInputLayout是一个支持Material Design风格的输入框容器,它可以用来包装任何EditText或EditText的子类,提供了一些功能,如错误提示、计数器、密码可见性切换等。 TextInputLayout的主要功能有: 1.错误提示:当用户输入无效数据时,可以显示错误消息。 2.计数器:可以显示已输入字符的数量和最大字符数量。 3.密码可见性切换:可以在明文和密码模式之间切换。 4.动画效果:包含了一些动画效果,如标签浮动和错误消息上移等。 使用TextInputLayout,需要在XML中将EditText包装在TextInputLayout中,并在TextInputLayout中设置相关属性。例如: ``` <com.google.android.material.textfield.TextInputLayout android:id="@+id/textInputLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="Enter your name"> <com.google.android.material.textfield.TextInputEditText android:id="@+id/editText" android:layout_width="match_parent" android:layout_height="wrap_content"/> </com.google.android.material.textfield.TextInputLayout> ``` 在代码中,可以使用以下方法来设置错误消息、计数器等: ``` // 设置错误消息 textInputLayout.setError("Invalid input"); // 显示计数器 textInputLayout.setCounterEnabled(true); textInputLayout.setCounterMaxLength(50); // 密码可见性切换 textInputLayout.setEndIconMode(TextInputLayout.END_ICON_PASSWORD_TOGGLE); ``` 总之,TextInputLayout是一个非常有用的控件,可以提高Android应用程序的用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

夢鑰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值