使用TextInputLayout提升EditText的输入用户体验

TextInputLayout属于MD风格的控件,TextInputLayout这个控件主要是配合EditText来使用的,以前在EditText中我们经常需要给EditText设置一个hint属性告诉用户这里输入什么,但是用户有可能输着输着就忘了这里该输入什么了,如果有一个控件能够完美解决这个问题就好了,于是乎,在Android M中,Google新推出了TextInputLayout,完美的解决了这个问题。下面我贴上一段代码,带大家一起使用下这么个简单的而高大上的MD风格的控件。

布局文件如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:gravity="center"
    android:orientation="vertical">

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/usename"
        >
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="用户名" />
    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/password"
        >
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="密码" />
    </android.support.design.widget.TextInputLayout>
</LinearLayout>

这里需要注意的一点就是一个TextInputLayout控件只能修饰一个EditText,多个EditText需要使用多个 TextInputLayout包裹。


在java代码中对TextInputLayout中做监听控制,java代码如下:

package com.zhuandian.msuic.designTest;

import android.app.Activity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;

import com.zhuandian.msuic.R;

/**
 * Created by 谢栋 on 2016/12/15.
 */
public class TextInputLayout extends Activity implements TextWatcher {
    private android.support.design.widget.TextInputLayout inputlayoutUsename;
    private android.support.design.widget.TextInputLayout inputlayoutPassword;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.text_input_layout);

        //得到用户名输入TextInputLayout
        inputlayoutUsename = (android.support.design.widget.TextInputLayout) findViewById(R.id.usename);
        inputlayoutUsename.getEditText().addTextChangedListener(this);  //继承TextInputLayout的抽象方法

        //得到密码输入TextInputLayout
        inputlayoutPassword = (android.support.design.widget.TextInputLayout) findViewById(R.id.password);
        inputlayoutPassword.getEditText().addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
                //TODO 输入改变之前做的操作
            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                //这儿判断操作,如果输入错误可以给用户提示
                if(s.length()<5){
                    inputlayoutPassword.setErrorEnabled(true);
                    inputlayoutPassword.setError("密码不能小于6位");
                }else{
                    inputlayoutPassword.setErrorEnabled(false);
                }

            }

            @Override
            public void afterTextChanged(Editable s) {
                //TODO 输入改变之后做的操作
            }
        });
    }

    @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.length()<5){
            inputlayoutUsename.setErrorEnabled(true);
            inputlayoutUsename.setError("用户名不能小于6位");
        }else{
            inputlayoutUsename.setErrorEnabled(false);
        }

    }

    @Override
    public void afterTextChanged(Editable s) {

    }
}

上述代码,我用两种方式帮大家实现了TextInputLayout的监听事件,大家可以根据自己的项目需求,酌情选择任意一种监听。



下面简单总结下这个Design包中的另一个MD风格的控件

TextInputLayout既可以在输入时把提示语显示与EditText的上方,又能把错误信息提示显示在EditText的下方。

TextInputLayout需要注意的几点:1、TextInputLayout不能单独使用,必须和EditText嵌套使用。

2、 1个TextInputLayout只能包1个EditTExt。

再来看看比较常用的方法

1、setHint();设置提示语

2、setError();设置错误显示信息

3、setErrorEnabled();设置错误信息是否显示。true显示,false不显示。

4、getEditText();得到EditText的控件实例。


深度学习是机器学习的一个子领域,它基于人工神经网络的研究,特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征,这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分: 1. **神经网络(Neural Networks)**:深度学习的基础是人工神经网络,它是由多个层组成的网络结构,包括输入层、隐藏层和输出层。每个层由多个神经元组成,神经元之间通过权重连接。 2. **前馈神经网络(Feedforward Neural Networks)**:这是最常见的神经网络类型,信息从输入层流向隐藏层,最终到达输出层。 3. **卷积神经网络(Convolutional Neural Networks, CNNs)**:这种网络特别适合处理具有网格结构的数据,如图像。它们使用卷积层来提取图像的特征。 4. **循环神经网络(Recurrent Neural Networks, RNNs)**:这种网络能够处理序列数据,如时间序列或自然语言,因为它们具有记忆功能,能够捕捉数据中的时间依赖性。 5. **长短期记忆网络(Long Short-Term Memory, LSTM)**:LSTM 是一种特殊的 RNN,它能够学习长期依赖关系,非常适合复杂的序列预测任务。 6. **生成对抗网络(Generative Adversarial Networks, GANs)**:由两个网络组成,一个生成器和一个判别器,它们相互竞争,生成器生成数据,判别器评估数据的真实性。 7. **深度学习框架**:如 TensorFlow、Keras、PyTorch 等,这些框架提供了构建、训练和部署深度学习模型的工具和库。 8. **激活函数(Activation Functions)**:如 ReLU、Sigmoid、Tanh 等,它们在神经网络中用于添加非线性,使得网络能够学习复杂的函数。 9. **损失函数(Loss Functions)**:用于评估模型的预测与真实值之间的差异,常见的损失函数包括均方误差(MSE)、交叉熵(Cross-Entropy)等。 10. **优化算法(Optimization Algorithms)**:如梯度下降(Gradient Descent)、随机梯度下降(SGD)、Adam 等,用于更新网络权重,以最小化损失函数。 11. **正则化(Regularization)**:技术如 Dropout、L1/L2 正则化等,用于防止模型过拟合。 12. **迁移学习(Transfer Learning)**:利用在一个任务上训练好的模型来提高另一个相关任务的性能。 深度学习在许多领域都取得了显著的成就,但它也面临着一些挑战,如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值