當前位置:吉日网官网 - 油畫收藏 - 如何自定義android Button樣式

如何自定義android Button樣式

自定義android Button樣式方法步驟如下:

1、:常見的使用點9圖(.9),這個熟悉android應用開發的都不陌生,經常用到先來介紹使用點9圖吧,點9圖工具在android sdk包中就有。繪制在L的區域:用於拉伸的縱向區域。繪制在T的區域:用於拉伸的橫向區域。繪制在R的區域:用於顯示前景的縱向範圍。繪制在B的區域:用於顯示前景的橫向範圍。紅色框區域:表示縱向拉伸的區域,也就是說,當圖片需要縱向拉伸的時候它會只指定拉伸紅色區域,其他區域在縱向是不會拉伸的。綠色框區域:表示橫向拉伸的區域,也就是說,當圖片需要橫向拉伸的時候它會只指定拉伸綠色區域,其他區域在橫向是不會拉伸的。顯然紅色和綠色相交的部分是既會進行橫向拉伸也會進行縱向拉伸的。藍色區域:表示前景能顯示的縱向範圍。即前景的最上面可以顯示到什麽地方,最下面可以顯示的什麽地方。黃色區域:表示前景能顯示的橫向範圍。即前景的最左邊可以顯示到什麽地方,最右邊可以顯示的什麽地方。藍色和黃色相交部分:表示整個前景能顯示的區域。壹個區域是矩形的,藍色規定了上下邊界,黃色規定了左右邊界,兩者***同當然也就規定了壹個矩形區域。

2、:矢量圖,自己通過share等畫出來,這個效率比較低,對於button樣式改變,使用的不是很多。

(a) 使用draw9patch.bat作完圖片後,得到兩張按鈕背景,分別是正常和按下狀態下的,命名為bg_btn_nomal.9.png和bg_btn_selected.9.png。

(b) 編寫圖片使用x選擇器bg_button_select.xml。

<selector xmlns:android="/apk/res/android"><item android:drawable="@drawable/bg_btn_selected" android:state_pressed="true"><item android:drawable="@drawable/bg_btn_selected" android:state_focused="true"><item android:drawable="@drawable/bg_btn_nomal"></item></item></item></selector>

(c) 在界面定義文件 layout/main.xml中添加Button按鈕控件的定義。Button都是可以使用背景屬性的

<b></button>

使用矢量步驟都差不多

第壹步 使用xml定義壹個圓角矩形,外圍輪廓線實線、內填充漸變色

<!--?xml version="1.0" encoding="utf-8"?--><layer-list xmlns:android="/apk/res/android"><item><shape android:shape="rectangle"><solid android:color="#FFEC7600"><corners android:bottomleftradius="5dip" android:bottomrightradius="5dip" android:topleftradius="5dip" android:toprightradius="5dip"></corners></solid></shape></item><item android:bottom="1px" android:left="1px" android:right="1px" android:top="1px"><shape><gradient android:angle="90" android:centerx="0.5" android:centery="0.5" android:endcolor="#FFFED69E" android:startcolor="#FFEC7600" android:type="linear"><corners android:bottomleftradius="5dip" android:bottomrightradius="5dip" android:topleftradius="5dip" android:toprightradius="5dip"></corners></gradient></shape></item></layer-list>

第二步寫壹個選擇器bg_button_select.xml

第三部,button中引用android:background="@drawable/bg_button_select"

  • 上一篇:天黑時請閉上眼睛。遊戲怎麽玩?
  • 下一篇:實木沙發哪個牌子好說明
  • copyright 2024吉日网官网