หลังจากที่ครั้งที่แล้ว เราได้เรียนรู้การทำ ListView หรือ ListActivity ไปเป็นที่เรียบร้อยแล้ว (ใครยังไม่ได้ทำไปดู ที่นี่) มาวันนี้ มาสเตอร์ อึ่ง จะทำการต่อยอด จากครั้งที่แล้ว โดยทำการ เพิ่ม ภาพ icon ไปที่หน้า TextView ของการทำ ListView แบบนี้

คุณสามารถไปโหลด Source Code ของ แอป ListViewTop5Linux ได้จาก http://androidthai.in.th/download-code-android.html นะครับ เรามาดูขั้นตอนการทำกัน

เตรียมภาพ icon ที่ต้องการ

ไม่มีอะไรมาก แค่ ภาพไอค่อน ที่ถูกใจขนาด 22x22 px แบบนี้ แล้วเก็บไว้ใน โฟวเดอร์ drawable

สร้าง rowlayout.xml สำหรับแสดงผล

ในการสร้าง  xml ไฟร์ ให้ คลิกขวาที่ layout > New > Android XML File

ตั้งชื่อ rowlayout.xml

ตึ่ง ImageView ลงไปที่ layout

เลือกรูป (รุป icon ผมชื่อ ewtc_list)

กำหนดโค้ด rowlayout.xml ให้ได้แบบนี้

และกลับมาแก้ไขที่ MainActivity.java ซะหน่อย

ลองทดสอบ ด้วย AVD จะได้ผลอย่างนี้ครับ