您的位置:首页 > 其它

EditText边框设置,获得焦点颜色变深,失去变浅

2015-05-13 17:29 501 查看
原文地址:http://blog.csdn.net/jamesliulyc/article/details/6709216

第一步:为了更好的比较,准备两个一模一样的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选择器,EditText的背景属性设置成这个XML就行了,这个XML会自动分配获得焦点用哪个XML,失去焦点用哪个XML)

<?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/bg_edittext_normal" />  
       <item android:state_focused="true" android:drawable="@drawable/bg_edittext_focused" />  
</selector>


效果图如下:



这样一下子感觉档次提高了好多,看了UI界面设计真的很重要啊!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: