Simple Example
<ImageView
android:layout_gravity="center"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:src="@drawable/my_layer_list" />
res/drawable/my_layer_list.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:gravity="top|left">
<bitmap android:src="@drawable/layer1"
android:gravity="center" />
</item>
<item>
<bitmap android:src="@drawable/layer2"
android:gravity="center"/>
</item>
<item android:top="40dp"
android:left="40dp">
<bitmap android:src="@drawable/layer3"
android:gravity="center"/>
</item>
</layer-list>
Note
การวางตำแหน่งของ item ใน my_layer_list.xml
บนสุดจะอยู่หลังสุด (layer1) ถ้าล่างสุดก็จะเป็น layer บนสุด (layer3)
output
นำไปใช้จริงแบบไหนได้บ้าง ?
ยกตัวอย่าง viewpager ที่หน้าตาเหมือนหนังสือ
วิธีทำคือ
- สร้างภาพ PNG มาซัก 2 รูป (หนังสือ 2 หน้า >_<)
แล้วไปมาใส่ใน layer-list เหมือนเดิม
ใน item กำหนดให้ set right="20px"
<item>
<bitmap android:src="@drawable/layer1"/>
</item>
<item android:right="20px">
<bitmap android:src="@drawable/layer2"/>
</item>
เสร็จแล้วอาจจะนำไปใช้เป็น background ได้เลยจ้า
