Android學習筆記：Shape的使用

.comment-body-author { margin:0; padding:0 0 0 20px; background-color:#C0C0C0; }

本節重點

1. Shape 的使用

在使用每個控制項 (Button, EditText, TextView....)，Android 已有預設的圖樣。如下圖：

如果我們今天想要改變文字區塊和按鈕背景顏色或是當按鈕按下時要改變顏色，我們該要怎麼做呢？很簡單就是利用 Shape，可以讓我們自行設定各個控制項背景、文字顏色、邊框等等圖形設定。
我們接著直接來實作利用 Shape 美化我們的介面。在開始實作前我們先在 res 資料夾下新增一個 drawable 的資料夾，用來放置 shape 的檔案，這部分是個人習慣與圖片檔區分，如果要放置在其他 3 個已預設好的 drawable 也可以。如果要了解 drawable-hdpi, drawable-mdpi, drawable-ldpi 有什麼區別可以參考以下幾篇文章：

• http://nelsonchunglife.blogspot.com/2011/02/android-drawable-hdpi-drawable-mdpi.html
• http://www.cnmsdn.com/html/201003/1268929636ID2261.html

• 於資料夾 drawable 之下，新建一個 android xml 檔案，取名為 button_shape。

• 撰寫 button_shape.xml：
• <selector>...</selector> 為選擇器，中間放自行訂義之項目。會取抓取符合條線之控制項。
• 在 <item></item> 的部分，可以放事件之屬性。例如：state_pressed(按鈕按下時)。當符合此條件時，會執行 item 下面的設定 (背景, 字體大小顏色等)
• Note: 在判斷控制下符合哪個條件，會從最初的 item 開始找，若符合則套用此 item 的定義。所以在設計時要考慮到發生的先後次序。

• Layout 中套用 Shpae 樣式

  
.comment-body-author {
margin:0;
padding:0 0 0 20px;
background-color:#C0C0C0;

• 變成藍色按鈕，邊框變粗

• 按下按鈕變成紅色

ＥＮＤ～