EditText是重要的UI元素之一,它可以将数据作为来自用户的输入。 Android中通常看起来不错的EditText仅具有提示文本和行,使用户单击该行并插入数据。请参阅带有Java实例中的文章EditText小部件,其中介绍了有关正常AppCompat EditText的基础知识。在本文中,已经讨论了如何自定义AppCompat EditText。请看以下图像,以区分通常的非自定义AppCompat EditText和自定义AppCompat EditText。
在Android中自定义AppCompat EditText的步骤
步骤1:创建一个空的活动项目
- 创建一个空的活动Android Studio项目。
- 参考Android |如何在Android Studio中创建/启动新项目?
步骤2:使用activity_main.xml文件
- 主布局文件中仅实现了两个EditText小部件。一个是用户名,另一个是密码字段。
- 调用以下代码以实现相同的UI。
XML
XML
XML
-
-
XML
XML
-
-
XML
输出界面:
步骤3:导入矢量图标
- 将矢量图标导入到drawable文件夹中。
- 要导入矢量图标,请在可绘制文件夹>新建>矢量资产上单击鼠标右键。
- 确保在可绘制文件夹中复制单个图标。当编辑文本不清晰时和编辑文本清晰时一个图标。
- 当编辑文本不清晰时,将图标的颜色设置为灰色;当EditText清晰时,将图标的颜色设置为colorPrimary。
- 请参考下图以获取上面讨论的步骤。
- 并组合两个图标,以形成选择器XML布局custom_mail_icon,如下所示。
XML格式
- 密码字段图标也是如此。
首先,讨论带有切角布局的EditText
步骤1:为EditText创建一个选择器布局背景
- 这是为EditText字段提供切角框的布局。
- 要实现相同的目的,请在drawable文件夹下创建一个custom_edit_text_cut.xml文件,然后调用以下代码。
XML格式
-
-
步骤2:使用activity_main.xml文件
- 在activity_main.xml文件中,调用EditText的背景为 custom_edit_text_cut.xml。
XML格式
输出:在模拟器上运行
其次,讨论具有圆角布局的EditText
步骤1:为EditText创建一个选择器布局背景
- 这是为EditText字段提供切角框的布局。
- 要实现相同的目的,请在drawable文件夹下创建一个custom_edit_text_rounded.xml文件,然后调用以下代码。
XML格式
-
-
步骤2:使用activity_main.xml文件
- 在activity_main.xml文件中,以custom_edit_text_rounded.xml的形式调用EditText的背景。
XML格式
输出:在模拟器上运行
想要一个节奏更快,更具竞争性的环境来学习Android的基础知识吗?
单击此处,前往由我们的专家精心策划的指南,以使您立即做好行业准备!