การทำ ListView หรือ ListActivity บนแอปแอนดรอยด์

เคยมีคำถามจาก ผู้ที่มาอบรมแอนดรอยด์ กับ มาสเตอร์ อึ่ง ว่า การที่แอปแอนดรอยด์ เป็นแบบนี้

 

 

เขาเรียกว่าอะไร ?

การทำ ListView หรือ ListActivity บนแอปแอนดรอยด์

ไม่ต้อง Detail มาก เรามาเรียนรู้ การทำ ListView หรือ ListActivity จาก การทำ Workshop แอป ที่ชื่อว่า ListViewTop5Linux กันดีกว่า ครับ โดยแอปแอนดรอยด์ อันนี้จะ List รายชื่อของ ระบบปฎิบัติการลินุก ที่อยู่ในความนิยม มา 5 อันดับ ให้เราเลือก เมื่อเราคลิกเลือก ก็จะขึ้นข้อความของ Toast ว่า ระบบปฎิบัติการนี้น่าสนใจครับ

New Android Project

กำหนด Project Name ตามนี้เลยครับ

 

 

 

 

กำหนด Target ที่ แอนดรอยด์ 2.3.3

 

 

และกำหนด Properties ตามนี้

 

 

ไฟร์ และ โฟวเดอร์ ต่างที่ eclipse เจนให้

 

 

เริ่มต้นที่ทำ User Interface ก่อน

โดยการลบ TextView อันนี้ไปซะ

 

 

และเพิ่ม ListView อันนี้เข้ามา

 

 

ถ้าดูที่โค้ด จะมีหน้าตาประมาญนี้

 

 

ต่อมาผมเปิด MainActivity.java

ออกมาปรับปรุง

 

 

เปลี่ยน extends Activity เป็น extends ListActivity ซะ

 

 

ผมลบ setContentView ออกไป และ เปลี่ยน Bundle ไปที่ Top5Linux

 

 

ผมสร้าง Array String ชื่อ linux มีค่า 5 ค่าตามนี้

 

 

และ ArrayAdapter ที่ชื่อว่า adapter โดยแสดง list แบบ simple_list_item_1 แบบนี้

 

 

ต่อไปผมจะสร้าง เมธอด ที่ชื่อว่า onListItemClick ไปที่ Source > Override/Implement Method

 

 

 

แล้ว eclipse จะ gen Code เมธอด onListItemClick แบบนี้ให้

 

 

แก้ไขเมธอดไปเป็นแบบนี้

 

 

ลองทดสอบ และ ลองคลิกที่ ListView ต่างๆดู

 

 

 

 

 

 

คู่มือการอบรมแอนดรอยด์ สำหรับ ผู้เริ่มต้น

Open publication - Free publishing - More android

joomla stats



Powed By EWTC easy4com workshop & training center

53 Bangna-Trad14 Bangna Bangkok 10260

office:02-393-0970 fax:02-399-2542 hotline24/7:081-859-5309