Home / Developer  / Android Developer  / เขียนแอพพลิเคชัน Android ฉบับเริ่มต้น การใช้ ListView

เขียนแอพพลิเคชัน Android ฉบับเริ่มต้น การใช้ ListView

ListView Widget เป็นสิ่งที่หลาย แอพพลิเคชันในแพลตฟอร์มของ Android นั้นนิยมใช้กันในการแสดงแถวของข้อมูลให้ผู้ใช้งานได้เลือกตัดสินใจ

ในตัวอย่างนี้จะเป็นการสาธิตวิธีการพัฒนาแอพพลิเคชันบนระบบปฏิบัติการ Android หรือ แพลตฟอร์มของ Android จาก Google กับการใช้งาน ListView ซึ่งก่อนที่เราจะศึกษาบทเรียนนี้แม้จะเป็นแค่เริ่มต้นก็ตาม แนะนำให้ศึกษาบทความก่อนหน้านี้ก่อนครับ ประกอบไปด้วย

เปิด eClipse และ ADT ขึ้นมาครับ ทำการสร้าง Project ใหม่ในตัวอย่างผมตั้งชื่อว่า ListViewDemo
เลือก Empty Activity สำหรับคนที่พัฒนา Minimum Spec ที่เวอร์ชัน 4.2 อย่างผมครับ

start-android-project

 

เลือก Version 4.2

 

 

android-project

setup-ecipse-android

รอจนกว่า Project จะพร้อมใช้งาน เมื่อพร้อมแล้วให้ไปแก้ไข Layout ของเราที่ไฟล์ activity_main.xml ครับ โดยเราจะใช้ XML ของ ListView ดังนี้

android-xml-layout-eclipse

ผมใช้ id ของ ListView ด้วยชื่อ id ว่า “listViewMovie” ครับ คราวนี้การทำงานของ ListView คือการเอาข้อมูลที่อยู่ในูปแบบตัวแปร Array มาซ้อนทับแยกในแต่ละแถว เหมือน ตาราง ครับ สิ่งที่ต้องรู้คือการเก็บข้อมูลแบบ Array ครับ

เปิดไฟล์ MainActivity.java ขึ้นมาครับ ทำการ Import ส่วนของ Header ดังนี้

ประกาศตัวแปร ListView ที่บรรทัดนี้

สร้างตัวแปร Array ขึ้นมาครับ ผมจะทำลิสของภาพยนตร์ซีรีย์ที่ผมดูอยู่ตอนนี้ มาเก็บไว้ในตัวแปร Movies

หลังจากนั้นเราจะ ใช้ ArrayAdapter มาช่วยในเรื่องแสดงผลกับ ListViewทำการ Import ส่วน Header ต่อไปนี้ครับ

แล้วก็ใช้คำสั่งในการ Binding ListView กับ ArrayAdapter ก็เป็นอันเสร็จ

ตรวจสอบ Source Code หน้า MainActivity.java ดูก่อนครับว่าเหมือนกันหรือเปล่า

ลอง Run แอพพลิเคชันของเราผ่าน Emulator ครับ

android-emulator-listview

อยากจะจำภาพ Capture Screen ก็ให้ทำแบบนี้นะครับ

android-capture-screen

เรียบร้อยแล้วในบทเรียนนี้ สิ่งที่ได้คือ วิธีการใช้งาน ListView Widget สำหรับแอพพลิเคชัน Android แบบสบายๆ ครับ

Comments

daydevthailand@gmail.com

<p>อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์<br /> ,ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)</p>

Review overview
NO COMMENTS

Sorry, the comment form is closed at this time.

%d bloggers like this: