ตอนที่ 1 : ภาพรวมของระบบ Custom View

Custom View เป็นเรื่องของการจัดการข้อมูล
ที่เรานำมาแสดงผล โดยการจัดการให้อยู่ในรูปแบบที่ต้องการ
ในการทำงานจริงเราจะได้ใช้ความรู้เรื่องนี้บ่อยมาก…

ข้อมูล” ที่เรานำมาแสดงผล จะมาจากที่ไหนก็ได้
แต่เมื่อจะนำเข้ามาใช้ในระบบ เราจะทำผ่านสิ่งที่เรียกว่า “Adapter

Adapter” นั้นเป็น Design Pattern ชนิดหนึ่ง
ที่มีหน้าที่แปลงข้อมูลให้อยู่ในรูปแบบที่ต้องการ
และนำข้อมูลนั้น ไปใช้ในระบบได้

เช่น เราต้องการแสดงผลของเรื่องราวบางอย่าง
โดยมีรูปแบบดังนี้

mystou-com-android-adapter-basic-01

ส่วนนี้เราจะใช้สิ่งที่เรียกว่า “layout” สร้างมันขึ้นมา

แต่เวลานำไปแสดงผล เราจะแสดงเป็นรายการแบบนี้

mystou-com-android-adapter-basic-02

การแสดงเป็นรายการแบบนี้เราใช้ ListView
จากภาพจะเห็นว่า เราอาจจะดึงข้อมูลมาจาก WebService
นำข้อมูลมาใส่ใน Adapter
และ Adapter ก็ดึงไฟล์ layout_item.xml เข้ามาด้วย
แล้วทำการเซ็ตค่า “ข้อมูล” แต่ละ item ลงไปใน layout_item.xml
สุดท้ายก็นำข้อมูลไปแสดงผลที่ ListView

ซึ่ง Project ที่เราจะทำมีหน้าตาแบบนี้

mystou-com-android-adapter-basic-03

เพื่อให้เข้าใจใรการทำงานของ Adapter
ใน Progect นี้เราจะสมมติข้อมูลขึ้นมานะคะ
ไม่ได้ดึงมาจาก WebService จริง ๆ

โครงสร้าง Project ของเราในเบื้องต้น เป็นดังนี้ค่ะ

mystou-com-android-adapter-basic-04


เรื่องที่เกี่ยวข้อง :
>> Custom View (Basic)
ตอนที่ 1 : ภาพรวมของระบบ (Overview)
ตอนที่ 2 : ออกแบบหน้าจอ (design)
ตอนที่ 3 : สร้าง Adapter
ตอนที่ 4 : เซ็ต onItemClick
ตอนที่ 5 : สรุป


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

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

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