Material Design 是 Google 推出的一种视觉设计语言，它包含了许多美观实用的组件，其中 EditText 是常用的一个组件。默认的 EditText 样式虽然美观，但是在实际项目中可能需要进行自定义样式，本文将介绍如何实现自定义 EditText 样式。
1. 改变边框样式
默认的 EditText 样式边框会有一个圆角的灰色边框，如果我们需要修改这个样式可以使用 Shape Drawable 进行自定义。下面是一个示例代码：
-- -------------------- ---- -------
------ ----------------------------------------------------------
--------------------------
------ --------------------------------------------
-------
-------------------
-----------------------------
--------
-------------------------------
------------------------------
---------------------------
------------------------------
--------然后在布局文件中使用：
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/custom_edit_text_border"/>这样就可以实现自定义的 EditText 边框样式了。
2. 更改文字颜色和字体
我们可以使用属性 android:textColor 修改文字颜色，使用属性 android:typeface 修改字体。可以选择预设的字体样式，也可以使用自定义字体。
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@color/blue"
android:typeface="monospace"/>3. 增加图标
在 EditText 的右侧增加图标是一种很常见的需求，可以使用属性 android:drawableEnd 实现。也可以使用 android:drawableLeft、android:drawableStart、android:drawableRight、android:drawablePadding 等属性。
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:drawableEnd="@drawable/ic_search"
android:drawablePadding="8dp"/>4. 定制提示文字
EditText 的默认提示文字是灰色的，我们可以使用属性 android:hint 修改提示文字。另外，在 Material Design 中还可以修改提示文字样式和颜色，示例代码如下：
-- -------------------- ---- -------
------ -------------------- --------------------------------
----- ---------------------------------------
----- -----------------------------------
--------
---------
-----------------------------------
------------------------------------
-------------------- ----- -----
-------------------------------
-----------------------
-----------------------------------------------5. 自定义光标颜色
在 EditText 中输入时，光标默认为黑色，如果需要修改光标颜色可以使用属性 android:textCursorDrawable。
<EditText
android:id="@+id/edit_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textCursorDrawable="@drawable/custom_cursor"/>然后在 drawable 文件夹下定义自定义的光标 xml 文件：
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<size android:width="2dp" />
<solid android:color="@color/red" />
</shape>结论
本文介绍了 Material Design 如何实现自定义 EditText 样式，包括改变边框样式、更改文字颜色和字体、增加图标、定制提示文字和自定义光标颜色等。使用这些技巧可以帮助我们更好地定制美观实用的 EditText 样式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676e780ee9a7045d0d6a5f36