TextView點擊後背景顏色、文字顏色改變(轉)

轉自:http://blog.csdn.net/u013278940/article/details/51152655html

TextView本沒有點擊效果,故爲實現點擊後文字顏色改變和背景改變,須要寫selector進行點擊時顏色的替換。效果圖以下:android

未點擊時:字顏色爲黑色,背景爲系統默認顏色。點擊時:字體顏色爲綠色,背景色爲粉色。以下圖所示:git

佈局文件:github

res/layout/activity_main.xml佈局

 

[html]  view plain  copy
 
  1. <TextView  
  2.       android:layout_width="fill_parent"  
  3.       android:layout_height="60dp"  
  4.       android:paddingLeft="25dp"  
  5.       android:gravity="center_vertical"  
  6.       android:text="@string/hello_world"   
  7.       android:textSize="25dp"  
  8.       android:textColor="@color/textcolor_selector"  
  9.       android:background="@drawable/background_selector"  
  10.       android:clickable="true"  
  11.       android:focusable="true"/>  


文字顏色:字體

 

res/color/textcolor_selector.xmlspa

 

[html]  view plain  copy
 
  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:color="@color/green"></item>  
  4.     <item android:state_checked="true" android:color="@color/green"></item>  
  5.     <item android:state_pressed="true" android:color="@color/green"></item>  
  6.     <item android:color="@color/black"/>  
  7. </selector>  

背景顏色
res/drawable/background_selector.xml.net

 

 

[html]  view plain  copy
 
  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="@color/pink"></item>  
  4.     <item android:state_checked="true" android:drawable="@color/pink"></item>  
  5.     <item android:state_pressed="true" android:drawable="@color/pink"></item>  
  6. </selector>  


涉及顏色值:xml

 

res/values/color.xmlhtm

 

[html]  view plain  copy
 
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <color name="white">#ffffffff</color>  
  4.     <color name="black">#ff000000</color>  
  5.     <color name="pink">#ffffcbd7</color>  
  6.     <color name="green">#ffbae4b6</color>      
  7. </resources>  

注意事項:

 

textview控件默認沒有點擊和焦點的,因此須要在佈局文件中把clickable和focusable的值手動添加爲true。

Demo下載:

網址:https://github.com/duhuan2015/TextViewTest    點擊下載

相關文章
相關標籤/搜索