Android Shape控件美化實現(xiàn)代碼

更新時間：2016年07月15日 12:04:51 投稿：lqh

本文主要介紹Android Shape 控件的美化, 大家在開發(fā)Android程序的時候?qū)ο到y(tǒng)自帶的控件進(jìn)行修改,這里給大家一個實例,供大家參考

如果你對Android系統(tǒng)自帶的UI控件感覺不夠滿意，可以嘗試下自定義控件，我們就以Button為例，很早以前Android123就寫到過Android Button按鈕控件美化方法里面提到了xml的selector構(gòu)造。當(dāng)然除了使用drawable這樣的圖片外今天Android開發(fā)網(wǎng)談下自定義圖形shape的方法，對于Button控件Android上支持以下幾種屬性shape、gradient、stroke、corners等。

我們就以目前系統(tǒng)的Button的selector為例說下:

 <shape>
  <gradient
  android:startColor="#ff8c00"
  android:endColor="#FFFFFF"
  android:angle="270" />
  <stroke
  android:width="2dp"
  android:color="#dcdcdc" />
  <corners
  android:radius="2dp" />
  <padding
  android:left="10dp"
  android:top="10dp"
  android:right="10dp"
  android:bottom="10dp" />
 </shape>

對于上面，這條shape的定義，分別為漸變，在gradient中startColor屬性為開始的顏色，endColor為漸變結(jié)束的顏色，下面的angle是角度。接下來是stroke可以理解為邊緣，corners為拐角這里radius屬性為半徑，最后是相對位置屬性padding。

對于一個Button完整的定義可以為

 <?xml version="1.0" encoding="utf-8"?>
<selector
 xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:state_pressed="true" >
 <shape>
  <gradient
  android:startColor="#ff8c00"
  android:endColor="#FFFFFF"
  android:angle="270" />
  <stroke
  android:width="2dp"
  android:color="#dcdcdc" />
  <corners
  android:radius="2dp" />
  <padding
  android:left="10dp"
  android:top="10dp"
  android:right="10dp"
  android:bottom="10dp" />
 </shape>
 </item>
 <item android:state_focused="true" >
 <shape>
  <gradient
  android:startColor="#ffc2b7"
  android:endColor="#ffc2b7"
  android:angle="270" />
  <stroke
  android:width="2dp"
  android:color="#dcdcdc" />
  <corners
  android:radius="2dp" />
  <padding
  android:left="10dp"
  android:top="10dp"
  android:right="10dp"
  android:bottom="10dp" />
 </shape>
 </item>
 <item> 
 <shape>
  <gradient
  android:startColor="#ff9d77"
  android:endColor="#ff9d77"
  android:angle="270" />
  <stroke
  android:width="2dp"
  android:color="#fad3cf" />
  <corners
  android:radius="2dp" />
  <padding
  android:left="10dp"
  android:top="10dp"
  android:right="10dp"
  android:bottom="10dp" />
 </shape>
 </item>
</selector>

注意Android123提示大家，以上幾個item的區(qū)別主要是體現(xiàn)在state_pressed按下或state_focused獲得焦點時，當(dāng)當(dāng)來判斷顯示什么類型，而沒有state_xxx屬性的item可以看作是常規(guī)狀態(tài)下。

以上就是對Android 控件美化Shape 資料的整理，有需要的同學(xué)參考下。

您可能感興趣的文章: