之前反編譯了百度閱讀的xml檔案，在res資料夾中找不到其中按鈕的背景圖片，後來發現他們的一些按鈕背景是通過layer-list製作出來的

下面我們就來介紹一下這種製作方法

1、我們都知道要製作點選效果的按鈕，那麼就得使用selector，他能夠在各種按鈕狀態下去定義背景圖片。現在我們只需要點選效果，那麼

就在state_pressed狀態下設定背景就行了

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item 
        android:state_pressed="true"
        android:drawable="@drawable/layer_grey_ball_pressed" />
    
    <item android:drawable="@drawable/layer_grey_ball_normal" />
</selector>
 

2、我們知道一般上面的drawabe我們放的都是圖片，現在則是通過layer-list製作出來的，layer-list的作用是將多個圖片或者控制元件進行疊加

上面的兩個狀態的背景圖都是通過layer-list製作出來的

<?xml version="1.0" encoding="utf-8"?>
<layer-list
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/shape_grey_ball_shadow" />
    <item android:drawable="@drawable/shape_grey_ball" android:bottom="2.0dip" />
</layer-list>
 

<?xml version="1.0" encoding="utf-8"?>
<layer-list
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/shape_grey_ball_pressed_shadow" />
    <item android:drawable="@drawable/shape_grey_ball_pressed" android:top="2.0dip" />
</layer-list>
 

3、疊加那麼是疊加什麼東西呢？通過上面的xml檔案我們可以看出，是疊加了兩個shape檔案，從而製作出了立體陰影的效果，他的處理很簡單

就是通過使得張圖不完全重疊從而製作出了陰影的效果。

<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="oval"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#ff5f5a54" />
    <size android:height="80.0dip" android:width="80.0dip" />
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="oval"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#ff706c63" />
    <size android:height="80.0dip" android:width="80.0dip" />
</shape>

是什麼呢？shape是android中用於製作UI的工具，能夠製作方形，線，圓（包括橢圓），圓環這四種圖形，並且能夠定義比如：背景顏色，大小，漸變

點的使用方法。

通過以上三個步驟，按鈕的背景就製作好了。看下效果：

這樣一個下邊緣有陰影效果的按鈕便製作好了。