ตอนที่ 2 : ออกแบบหน้าจอ

ในโปร Project นี้เราจะเริ่มต้นด้วยการออกแบบหน้าจอ
ยังจำได้ใช่มั้ยคะ หน้าจอของเรามี 3 แถวแบบนี้

mystou-com-android-dm-1-01

แท็ก (tag) ที่เหมาะสมที่จะนำมาใช้คือ GridView

ในไฟล์ activity_main.xml
เราจะเขียนโค้ดได้ดังนี้

ในมุมอง Design จะได้ผลลัพธ์แบบนี้

mystou-com-android-dm-2-2

อ๋อ… เตรียมรูปไว้ทำเมนูด้วยนะคะ
ใครไม่มีดาวน์โหลดของเราไปใช้ได้ Download
ใครอยากทำใหม่ก็ตามใจนะคะ 🙂


เรื่องที่เกี่ยวข้อง : >> Dynamic Menu
ตอนที่ 1 : ภาพรวมของระบบ (Overview)
ตอนที่ 2 : ออกแบบหน้าจอ
ตอนที่ 3 : สร้าง Adapter
ตอนที่ 4 : จำลองข้อมูลที่จะได้รับจาก API
ตอนที่ 5 : ตรวจสอบสถานะของเมนู
ตอนที่ 6 : จัดการกับรูปภาพ
ตอนที่ 7 : ส่งข้อมูลให้ Adapter
ตอนที่ 8 : จัดการกับเหตุการณ์ เมื่อรูปภาพถูกสัมผัส
ตอนที่ 9 : สรุป Project Dynamic Menus


ธมนวรรณ มณีจันทร์

ธมนวรรณ มณีจันทร์

|:- เราเชื่อมั่นว่าการเสียสละและการแบ่งปันจะทำให้โลกใบนี้สวยงามมากขึ้น ทุกๆ จุดเริ่มต้นของการเรียนรู้ นำไปสู่การเรียนรู้ถัดไป เว็บไซต์แห่งนี้ขอเป็นส่วนหนึ่งของการแบ่งปันความรู้ที่ไม่มีที่สิ้นสุด มาร่วมกันผลักดันโลกของเราให้หมุนไปพร้อมกับพลังแห่งความรักด้วยกันนะคะ :) >>> |:- About Me! -:|