📜  如何在Android中自定义AppCompat EditText?

📅  最后修改于: 2021-05-10 17:11:30             🧑  作者: Mango

EditText是重要的UI元素之一,它可以将数据作为来自用户的输入。 Android中通常看起来不错的EditText仅具有提示文本和行,使用户单击该行并插入数据。请参阅带有Java实例中的文章EditText小部件,其中介绍了有关正常AppCompat EditText的基础知识。在本文中,已经讨论了如何自定义AppCompat EditText。请看以下图像,以区分通常的非自定义AppCompat EditText和自定义AppCompat EditText。

在Android中自定义AppCompat EditText

在Android中自定义AppCompat EditText的步骤

步骤1:创建一个空的活动项目

  • 创建一个空的活动Android Studio项目。
  • 参考Android |如何在Android Studio中创建/启动新项目?

步骤2:使用activity_main.xml文件

  • 主布局文件中仅实现了两个EditText小部件。一个是用户名,另一个是密码字段。
  • 调用以下代码以实现相同的UI。
XML


  
    
  
        
        
  
        
        
  
    
  


XML


    
    
  
    
    


XML


  
    
    
        
            
            
        
    
  
    
    
        
            
            
        
    
  


XML


  
    
  
        
        
  
        
        
  
    
  


XML


  
    
    
        
            
            
            
        
    
  
    
    
        
            
            
            
        
    
  


XML


  
    
  
        
        
  
        
        
  
    
  


输出界面:

在Android中自定义AppCompat EditText

步骤3:导入矢量图标

  • 将矢量图标导入到drawable文件夹中。
  • 要导入矢量图标,请在可绘制文件夹>新建>矢量资产上单击鼠标右键。
  • 确保在可绘制文件夹中复制单个图标。当编辑文本不清晰时和编辑文本清晰时一个图标。
  • 当编辑文本不清晰时,将图标的颜色设置为灰色;当EditText清晰时,将图标的颜色设置为colorPrimary。
  • 请参考下图以获取上面讨论的步骤。

在Android中自定义AppCompat EditText

  • 并组合两个图标,以形成选择器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的基础知识吗?
单击此处,前往由我们的专家精心策划的指南,以使您立即做好行业准备!