快捷導(dǎo)航

Android EditText自定義樣式的方法

更新時(shí)間：2016年02月20日 11:18:33 作者：一葉飄舟

這篇文章主要介紹了Android EditText自定義樣式的方法,結(jié)合實(shí)例形式分析了EditText屬性的含義及樣式定義的技巧,需要的朋友可以參考下

本文實(shí)例講述了Android EditText自定義樣式的方法。分享給大家供大家參考，具體如下：

1.去掉邊框

EditText的background屬性設(shè)置為@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 改變邊框顏色

第一步：為了更好的比較，準(zhǔn)備兩個(gè)一模一樣的EditText(當(dāng)Activity啟動(dòng)時(shí)，焦點(diǎn)會(huì)在第一個(gè)EditText上，如果你不希望這樣只需要寫一個(gè)高度和寬帶為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="請(qǐng)輸入..."
/>

接下來建立三個(gè)xml文件,分別為輸入框未獲得焦點(diǎn)時(shí)的背景，輸入框獲得焦點(diǎn)時(shí)的背景，selector背景選擇器（這里能獲得輸入框什么時(shí)候獲得和失去焦點(diǎn)），代碼如下：

bg_edittext_normal.xml(未獲得焦點(diǎn)時(shí))

<?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(獲得焦點(diǎn)時(shí))

<?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選擇器，這方面資料網(wǎng)上很多)

<?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了，效果圖如下：