《Android》『layer-list』- 利用 layer-list 資源檔來定義多張圖片重疊的介面
《簡單介紹》
layer-list 照字面翻譯，有圖層列表的意思，顧名思義，它是一種可以定義多張圖片重疊介面的資源檔，透過 layer-list，我們可以利用其圖片重疊的方式，定義按鈕圖片的陰影或者是自訂 SeekBar 元件的介面。
《宣告 & 使用方式》
layer-list 其實是一個 .xml 格式的 drawable 資源檔，我們可以在 Selector 資源檔中直接透過 <layer-list> … </layer-list> 的方式定義，或者是獨立出一個資源檔，定義好相關屬性後再調用。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:top="10dp" android:left="10dp"> <bitmap android:src="@drawable/grayColor" android:gravity="center" /> </item> <item> <bitmap android:src="@drawable/redColor" android:gravity="center" /> </item> </layer-list> |
layer_list.xml
在定義 layer-list 資源檔時，我們可以透過 <item> 標籤，一層一層的定義下來，越下面的 <item></item> 會顯示在越上層，這邊我們自訂了一個名為 layer_list.xml 的 layer-list 資源檔，其中我們先定義屬於陰影圖片的 item，並使其往右下位移 10dp，再定義主要圖片的 item。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:layout_height="wrap_content" android:layout_width="wrap_content" android:src="@drawable/layer_list" /> </LinearLayout> |
layout.xml
定義好 layer-list 資源檔後，在 layout 中就可以直接調用，這邊我們直接將剛剛定義好的 layer_list.xml 設為 ImageView 元件的圖片資源。
臉書留言
一般留言