前言
Material Design 是 Google 推出的一套设计语言，它的目标是为移动设备、桌面设备和 Web 应用程序提供一致的外观和体验。在 Material Design 中，EditText 控件是一个非常重要的组件，它用于接收用户的输入，如文本、数字、日期等。
在本文中，我们将介绍使用 Material Design 规范下的 EditText 控件的一些技巧和注意事项，希望能够帮助您更好地使用这个组件。
EditText 控件的基本用法
EditText 控件是 Android 中常用的一个控件，用于接收用户的输入。在 Material Design 中，EditText 控件的样式和交互都有所改变。
下面是一个简单的 EditText 控件的示例：
-- -------------------- ---- -------
------------------------------------------------------
-----------------------------------
-----------------------------------
------------------------------------
----------------------
--------------------------------------------------------
--------------------------------------
-----------------------------------
------------------------------------
------------------------ --
--------------------------------------------------------上面的代码中，我们使用了 com.google.android.material.textfield.TextInputLayout 和 com.google.android.material.textfield.TextInputEditText 这两个控件来创建一个 Material Design 风格的 EditText 控件。
其中，TextInputLayout 用于包裹 TextInputEditText，并提供了一些额外的功能，如提示文本、错误文本等。
TextInputEditText 则是实际的编辑框，我们可以通过设置 inputType 属性来指定输入类型，如 text、number、date 等。
使用技巧
1. 显示提示文本
在 Material Design 中，TextInputLayout 可以用来显示提示文本，以帮助用户更好地理解输入框的用途。我们可以通过设置 hint 属性来指定提示文本。
-- -------------------- ---- -------
------------------------------------------------------
-----------------------------------
-----------------------------------
------------------------------------
----------------------
--------------------------------------------------------
--------------------------------------
-----------------------------------
------------------------------------
------------------------ --
--------------------------------------------------------2. 显示错误文本
当用户输入错误时，我们可以使用 setError() 方法来显示错误文本。
TextInputLayout textInputLayout = findViewById(R.id.text_input_layout);
textInputLayout.setError("请输入正确的用户名");在用户输入正确后，我们需要调用 setError(null) 来清除错误文本。
TextInputLayout textInputLayout = findViewById(R.id.text_input_layout); textInputLayout.setError(null);
3. 实时检查输入内容
我们可以通过监听 TextInputEditText 的文本变化事件来实时检查输入内容。例如，我们可以检查输入的是否为有效的邮箱地址：
-- -------------------- ---- -------
----------------- ----------------- - ----------------------------------------
-------------------------------------------- ------------- -
---------
------ ---- ------------------------------ -- --- ------ --- ------ --- ------ -
-
---------
------ ---- -------------------------- -- --- ------ --- ------- --- ------ -
------ ------------ - -----------------------------------
-- ------------------------------------- -
--------------- --------------- - -------------------------------------
---------------------------------------
- ---- -
--------------- --------------- - -------------------------------------
-------------------------------
-
-
---------
------ ---- ------------------------- -- -
-
---4. 自定义样式
如果需要自定义 EditText 控件的样式，我们可以使用 style 属性来指定样式。
-- -------------------- ---- -------
------------------------------------------------------
-----------------------------------
-----------------------------------
------------------------------------
--------------------------------------
--------------------------------------------------------
--------------------------------------
-----------------------------------
------------------------------------
------------------------ --
--------------------------------------------------------在样式中，我们可以指定 EditText 控件的各种属性，如字体、字体颜色、背景色等。
<style name="MyTextInputLayoutStyle" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox">
<item name="android:textColorHint">#FF0000</item>
<item name="android:textColor">#000000</item>
</style>注意事项
1. 不要使用 android:background 属性
在 Material Design 中，EditText 控件的背景应该使用 TextInputLayout 的背景，而不是 TextInputEditText 的背景。因此，我们不应该使用 android:background 属性来设置 EditText 控件的背景。
-- -------------------- ---- -------
------------------------------------------------------
-----------------------------------
-----------------------------------
------------------------------------
------------------------------------------------------
----------------------
--------------------------------------------------------
--------------------------------------
-----------------------------------
------------------------------------
------------------------ --
--------------------------------------------------------应该使用 app:boxBackgroundMode 属性来设置 TextInputLayout 的背景。
-- -------------------- ---- -------
------------------------------------------------------
-----------------------------------
-----------------------------------
------------------------------------
-------------------------------
----------------------
--------------------------------------------------------
--------------------------------------
-----------------------------------
------------------------------------
------------------------ --
--------------------------------------------------------2. 不要使用 android:padding 属性
在 Material Design 中，EditText 控件的 padding 应该由 TextInputLayout 来设置。因此，我们不应该使用 android:padding 属性来设置 EditText 控件的 padding。
-- -------------------- ---- -------
------------------------------------------------------
-----------------------------------
-----------------------------------
------------------------------------
----------------------
--------------------------------------------------------
--------------------------------------
-----------------------------------
------------------------------------
------------------------
---------------------- --
--------------------------------------------------------应该使用 app:boxPadding 属性来设置 TextInputLayout 的 padding。
-- -------------------- ---- -------
------------------------------------------------------
-----------------------------------
-----------------------------------
------------------------------------
---------------------
----------------------
--------------------------------------------------------
--------------------------------------
-----------------------------------
------------------------------------
------------------------ --
--------------------------------------------------------总结
在本文中，我们介绍了使用 Material Design 规范下的 EditText 控件的一些技巧和注意事项。希望这些内容能够帮助您更好地使用这个组件，并提高应用程序的用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c1d677add4f0e0ffbd9a43