android EditText输入框获得焦点时,边框变为深色

本文介绍如何在Android中自定义EditText的背景,并通过创建不同的XML文件来实现输入框在不同状态下的背景变化,包括未获得焦点时的正常背景、获得焦点时的深色背景,以及基于Selector的选择器来管理这些状态。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一步:为了更好的比较,准备两个一模一样的EditText(当Activity启动时,焦点会在第一个EditText上,如果你不希望这样只需要写一个高度和宽带为0的EditText即可避免,这里就不这么做了),代码如下:

 

<EditText 
	android:layout_width="fill_parent"
    	android:layout_height="36dip"
    	android:background="@drawable/bg_edittext"
    	android:padding="5dip"
	android:layout_margin="36dip"
	android:textColorHint="#AAAAAA"
	android:textSize="15dip"
	android:singleLine="true"
	android:hint="请输入..."
/>


接下来建立三个xml文件,分别为输入框未获得焦点时的背景,输入框获得焦点时的背景,selector背景选择器(这里能获得输入框什么时候获得和失去焦点),代码如下:

bg_edittext_normal.xml(未获得焦点时)

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <solid android:color="#FFFFFF" /> 
    <corners android:radius="3dip"/>
    <stroke  
        android:width="1dip"  
        android:color="#BDC7D8" /> 
</shape>

bg_edittext_focused.xml(获得焦点时)

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <solid android:color="#FFFFFF" /> 
    <corners android:radius="3dip"/>
    <stroke  
        android:width="1dip"  
        android:color="#728ea3" /> 
</shape>

bg_edittext.xml(selector选择器,这方面资料网上很多)

<?xml version="1.0" encoding="UTF-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android">
		<item android:state_window_focused="false" android:drawable="@drawable/contact_edit_edittext_normal" />
	   <item android:state_focused="true" android:drawable="@drawable/contact_edit_edittext_focused" />
</selector>


这样就OK了,效果图如下:

第二个输入框边框变为深色,是不是这样更友好点。

 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:orientation="vertical" android:id="@+id/main" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/bg" tools:context=".MainActivity"> <ImageView android:layout_width="match_parent" android:layout_height="85dp" android:src="@drawable/login" android:layout_marginTop="80dp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="MyMUSIC" android:layout_marginTop="20dp" android:textColor="#E62C21" android:gravity="center|center_vertical|center_horizontal" android:layout_marginBottom="65dp" android:textSize="25sp" android:textStyle="bold" /> <EditText android:id="@+id/login_account" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="#B3FFFFFF" android:layout_marginLeft="50dp" android:layout_marginRight="50dp" android:layout_marginTop="10dp" android:hint="请输入账号" android:textSize="25sp" android:textStyle="bold" android:textColorHint="#FFFFFF" android:background="@drawable/edit_login_bg" android:padding="10dp" android:drawablePadding="10dp" android:drawableLeft="@drawable/icon_login" /> <EditText android:id="@+id/login_pwd" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="#B3FFFFFF" android:layout_marginTop="20dp" android:layout_marginLeft="50dp" android:layout_marginRight="50dp" android:hint="请输入密码" android:textSize="25sp" android:textStyle="bold" android:textColorHint="#FFFFFF" android:background="@drawable/edit_login_bg" android:padding="10dp" android:drawablePadding="10dp" android:drawableLeft="@drawable/icon_pass" android:inputType="textPassword" /> <LinearLayout android:gravity="center_horizontal|center_vertical" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="40dp" android:layout_marginLeft="50dp" android:layout_marginRight="50dp"> <Button android:id="@+id/login_denglu_btn" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:text="登录" android:layout_marginRight="20dp" android:background="@drawable/button_login_bg" android:textColor="#FDFDFD" android:foreground="?android:attr/selectableItemBackground" /> <Button android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:text="注册" android:layout_marginLeft="20dp" android:background="@drawable/button_login_bg" android:textColor="#FDFDFD" android:foreground="?android:attr/selectableItemBackground" />
03-16
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值