web analytics

[Android Code] การสร้าง Android Slices ตอนที่ 2

cover-2

สวัสดีครับ บทความนี้มาเขียนต่อเรื่อง slice ที่ยังลองเล่นไม่เสร็จ มีอีกนิดหน่อย

ตอนก่อนหน้านี้

[Android Code] การสร้าง Android Slices ตอนที่ 1

การทำ Multi-Slice

แอปของเราสามารถมีหลาย slice ได้ และสามารถทำได้หลายวิธี วิธีที่ผมใช้คือ 1 Provider ต่อ 1 เรื่อง เช่น Provider นี้จะมี slice ต่างๆเกี่ยวกับการปรับเสียง จะไม่ใช่ 1 provider ต่อ 1 slice
แล้วก็นำโค้ดส่วนการสร้าง slice ไปแยกเป็นคลาส Manager ของใครของมันอีกที

 

ที่เหลือก็แล้วแต่เราจะปรับแต่ง slice แล้วละ เช่นการทำ InputRange หรือปกติเราจะเรียกว่า Slider

 

ไปที่แอปตัวที่สองสำหรับ slice view ก็เพิ่ม SliceView อีกตัวลงใน layout

 

ปรับโค้ดใน activity ให้รองรับ sliceView อีกตัว

 

ลองรันดูผลลัพธ์

screenshot_1534820888

ดังนั้นคราวนี้เราจะทำกี่ slice ก็ได้แล้ว

 

การใช้ Grid

เราสามารถทำตารางลงใน slice ได้ เรียกว่า Grid Row-Cell มันก็คือการสร้างแถว แล้วก็สร้างคอลัมนั่นแหละ
.addGridRow() คือเพิ่มแถว
.addCell() คือเพิ่มคอลัมน์

แล้วใน cell ก็เพิ่มรูป เพิ่มหัวข้อได้

 

ลองรัน

screenshot_1534823710

 

Mode ของ Slice View

ตัว SliceView สามารถกำหนด mode ได้ 3 แบบ คืิอ SHORTCUT , SMALL , LARGE
MODE_LARGE คือเห็นทั้งหมด
MODE_SMALL คือเห็นแค่ส่วน Header
MODE_SHORTCUT คือ แสดงแค่ icons

screenshot_15348237101

 

คำอธิบายใน library

 

ทีนี้มาลองเล่นดู ว่าแต่ละ mode จะเป็นยังไง

2

กรณีที่เป็น MODE_SHORTCUT แต่ slice ไม่มี icons จะแสดงเป็นไอคอนแอปแทน

 

Mode ของ Image ใน Slice

ใน builder ของ slice นั้นจะมี IMAGE แล้วเราก็สามารถกำหนด mode ได้ ซึ่งจะมีอยู่ 4 mode
คือ ICON , SMALL , LARGE , UNKNOWN

ผมจะลองเปลี่ยน Fruit Grid ของผมเป็นโหมดต่างๆ

 

จะเห็นว่าโหมด ICON คือมันจะทำ tint ให้รูปเราเป็นสีขาวแล้วพื้นหลังเป็น accent color
SMALL คือไอคอนเป็นสีขนาดเล็ก ส่วน LARGE ก็ใหญ่
UNKNOWN คือไม่ได้กำหนด

screenshot_1534825161