Android高级xml布局之输入框EditText设计

当我们在Android应用程序开发中设计界面时，输入框（EditText）是经常用到的控件之一。EditText可以让用户在应用程序中输入文本、数字、邮箱等。如何设计好EditText控件，让用户在我们的应用程序中可以更加方便地输入内容呢？下面就是关于Android高级xml布局之输入框EditText设计的完整攻略。

设置EditText的属性

输入类型

我们需要为EditText控件设置输入类型，以便在用户在EditText中输入内容时，能够输入正确的内容。比如，如果我们想让用户输入数字，那么我们就需要设置inputType属性为number。还可以设置为text、email等。下面是设置数字输入类型的代码示例：

<EditText
    ...
    android:inputType="number" />

最大长度

我们常常需要在EditText中规定用户可以输入的最大长度。比如，如果我们需要用户名最多只能包含16个字符，那么最大长度就应该设为16。下面是设置最大长度的代码示例：

<EditText
    ...
    android:maxLength="16" />

提示文本

设置提示文本可以让用户知道他们应该输入什么内容。提示文本通常在EditText中显示默认的灰色文本，并在用户点击EditText控件后消失。下面是设置提示文本的代码示例：

<EditText
    ...
    android:hint="输入用户名" />

输入框左右内边距

为了让EditText在界面上更加美观，我们需要为文本框设置左右内边距。这种方式可以用来控制文本在输入框中显示的位置。下面是设置输入框左右内边距的代码示例：

<EditText
    ...
    android:paddingLeft="16dp"
    android:paddingRight="16dp" />

使用EditText添加验证

如果我们只用属性来控制EditText的输入限制，那么我们只能在用户输入错误时进行提示。更加严谨的方式是使用正则表达式验证用户输入内容，并在用户输入错误时进行提醒。下面是一个使用正则表达式验证用户输入内容的代码示例：

<EditText
    ...
    android:inputType="text"
    android:maxLength="20" />

// 使用TextInputLayout布局，用以添加文字提示效果
<android.support.design.widget.TextInputLayout
    ...
    app:errorEnabled="true">

    <EditText
        ...
        android:maxLength="20"
        android:inputType="text"
        android:digits="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"
        android:gravity="fill"
        android:singleLine="true"
        android:imeOptions="actionNext"
        android:inputType="textNoSuggestions|textUri"
        android:hint="@string/hint_text"
        />

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

在上面的代码示例中，我们使用了TextInputLayout布局和EditText控件。其中，TextInputLayout布局是为了能够添加文字提示效果；而EditText控件则是为了实现完整的输入框功能。其中，我们使用了正则表达式来限制用户输入的字符类型，并使用了errorEnabled和setError方法来实现输入验证的提示。

结语

在Android应用程序开发中，EditText控件是一个重要的控件，而且也是使用最多的控件之一。经过上述攻略的介绍，我们可以利用属性和验证两种方法，来更好地设计EditText控件；从而让用户在我们的应用程序中拥有更佳的输入体验。