ตอนที่ 3 : สร้าง Adapter

ต่อมาเราก็มาทำ Adapter กันค่ะ
ใช้พื้นฐานจาก Project นี้นะคะ Custom View

สร้างไฟล์ Java ชื่อ MenuAdapter ขึ้นมา
แล้ว ไปสืบทอด BaseAdapter
Implement Method ที่จำเป็นต้องมีเข้ามาให้เรียบร้อย

ทำการประกาศตัวแปรเหล่านี้ไว้ใช้
แล้วสร้าง Constructor เพื่อกำหนดค่าเริ่มต้นให้ตัวแปรดังนี้

ที่เมธอด getCount() ให้คืนค่าจำนวนเมนูกลับไป
มีทั้งหมด 14 เมนู

ที่เมธอด getView() เราต้องไปเตรียม Layout ก่อนค่ะ

สร้างไฟล์ Layout XML ขึ้นมา
ตั้งชื่อว่า custom_menu.xml
ภายในมีรูปแค่ภาพเดียว จะได้โค้ดดังนี้ค่ะ

เมื่อดูในมุมอง Design จะได้ผลลัพธ์ดังนี้

mystou-com-android-dm-3-1

เตรียม layout เรียบร้อยแล้ว
กลับไปที่ไฟล์ MenuAdapter.java ค่ะ
ที่เมธอด getView() เขียนโค้ดเหล่านี้ลงไป
*ถ้าอ่านโค้ดไม่เข้าใจกรุณากลับไปศึกษา Custom View ก่อน*

เราทำการสร้าง View โดยใช้ layout ที่สร้างขึ้นมาเมื่อสักครู่นะคะ
คราวนี้เราจะนำ layout นี้ไปแสดงที่ไฟล์ activity_main.xml

ไปที่ไฟล์ ActivityMain.java ค่ะ
เราจะไปสร้าง Instance ของ MenuAdapter.java
แล้วทำการ setAdapter ให้กับ GridView
ที่เราทำไว้ในไฟล์ activity_main.xml

โดยมีโค้ดดังนี้

ลอง Run ดูนะคะ

mystou-com-android-dm-3-2

ตอนนี้เราก็สามารถนำ layout มาแสดงผลได้แล้ว

ในตอนต่อไป เราจะเริ่มจำลองข้อมูลกันแล้วค่ะ ^_^


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


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

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

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