• android EditText自定义样式


    1.去掉边框

    EditText的background属性设置为@null就搞定了:android:background="@null"
    style属性倒是可加可不加

    附原文:
    @SlumberMachine, that's a great observation! But, it seems that there is more to making a TextView editable than just setting android:editable="true". It has to do with the "input method" - what ever that is - and that is where the real difference between TextView and EditText lies. TextView was designed with an EditText in mind, that's for sure. One would have to look at the EditText source code and probably EditText style to see what's really going on there. Documentation is simply not enough.

    I have asked the same question back at android-developers group, and got a satisfactory answer. This is what you have to do:

    XML:
    <EditText android:id="@+id/title" android:layout_width="fill_parent"
         style="?android:attr/textViewStyle"
         android:background="@null" android:textColor="@null"/>


    Instead of style="?android:attr/textViewStyle" you can also write style="@android:style/Widget.TextView", don't ask me why and what it means.

    2.Android EditText 改变边框颜色

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

    [html] view plaincopy
     
     
    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(未获得焦点时)

    [html] view plaincopy
     
     
    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(获得焦点时)

    [html] view plaincopy
     
     
    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选择器,这方面资料网上很多)

    [html] 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_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了,效果图如下:

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

  • 相关阅读:
    [转]JIRA 7.2.6与Confluence 6.0.3的安装与配置之MS SQL Server版
    Vue中computed和watch使用场景和方法
    vue插槽 slot 插槽之间的父子传参
    VUE 父子组件的传递 props、$ref 、 $emit、$parent、$children、$root
    div水平居中 垂直居中
    三次握手 四次挥手
    TCP/IP各层网络协议的通俗理解
    学习 cookie session 正向代理和反向代理的区别
    学习vuex心得体会
    登陆界面 跟后台对接口
  • 原文地址:https://www.cnblogs.com/lby0715/p/4812819.html
Copyright © 2020-2023  润新知