Edittext样式的自定义设置（自定义边框和边框颜色）

标签：android   style   blog   http   java   color   

Edittext改变边框颜色

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

1. <EditText   
2. android:layout_width="fill_parent"  
3. android:layout_height="36dip"  
4. android:background="@drawable/bg_edittext"  
5. android:padding="5dip"  
6. android:layout_margin="36dip"  
7. android:textColorHint="#AAAAAA"  
8. android:textSize="15dip"  
9. android:singleLine="true"  
10. android:hint="请输入..."  
11. />  

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

bg_edittext_normal.xml(未获得焦点时)

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

bg_edittext_focused.xml(获得焦点时)

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

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

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

这样就OK了，效果图如下：

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

EditText 自定义边框设置

有俩种方式可以达到效果：一种是网上比较推崇的用图作背景，另一种则是自绘 

图作背景的： 
  首先重新定义一个style。在values文件夹下新建一个style.xml文件： 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <resources>
3. <style name="my_edittext_style" parent="@android:style/Widget.EditText">  
4. <item name="android:background">@drawable/my_edittext</item>  
5. </style>  
6. </resources>  

接下来在drawable里添加my_edittext.xml:内容如下 
    

[java] view plaincopy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
3. <item android:state_focused="true" android:drawable="@drawable/editbox_focus" />  
4. <item android:drawable="@drawable/editbox_normal" />  
5. </selector>   

     其中editbox_normal为正常情况下的编辑框图片，editbox_focus为选中下的编辑框图片 

定义好了这两个文件之后就可以用以下方式使用： 
   

[java] view plaincopy

1. <EditText  
2. style="@style/my_edittext_style"  
3. android:text="My EditText"  
4. android:layout_width="fill_parent"   
5. android:layout_height="wrap_content">  
6. </EditText>  

因为在style中可以设置parent属性。

Edittext样式的自定义设置（自定义边框和边框颜色）,布布扣,bubuko.com

Edittext样式的自定义设置（自定义边框和边框颜色）

标签：android   style   blog   http   java   color   

原文地址：http://www.cnblogs.com/kuaileyuyi/p/3852986.html