• Edittext样式的自定义设置(自定义边框和边框颜色)


    Edittext改变边框颜色

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

     

    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属性。

     

  • 相关阅读:
    记录PHP的执行时间
    Mysql数据字典导出
    PHP用post来进行Soap请求
    laravel(lumen)配置读写分离后,强制读主(写)库数据库,解决主从延迟问题
    使用vagrant构建你们团队的开发环境
    Lumen框架使用Redis与框架Cache压测比较
    使用php-cs-fixer格式化你的代码
    Javascript下拉导航
    jsf2.0视频
    jsf2入门视频 教程
  • 原文地址:https://www.cnblogs.com/kuaileyuyi/p/3852986.html
Copyright © 2020-2023  润新知