Android : การใช้งาน ListView เบื้องต้น

สวัสดีครับวันนี้ ผมกลับมาเขียนเนื้อหาพื้นฐานสำหรับการเขียนโปรแกรมแอนดรอยด์ ซึ้งวันนี้ผมจะพูดถึง ListView โดยเรามักจะใช้แสดงข้อมูลหลายๆข้อมูลในลักษณะแถวเรียงลงมา

listview

 

โค้ดตัวอย่าง

สามารถดาวน์โหลดโปรเจ็คตัวอย่างได้ที่ -> ListViewExample

บน GitHub -> ListViewExample

 

การเตรียมข้อมูลเพื่อแสดงใน ListView

การเตรียมข้อมูลเพื่อใส่ใน ListView นั้นเรามักใส่ข้อมูลที่ต้องการแสดงผลไว้ในรูปแบบของ ArrayList<String>

     ArrayList< String > list = new ArrayList< String >( );  
     list.add ( "Captain America" );  
     list.add ( "Iron Man" );  
     list.add ( "Hawkeye" );  
     list.add ( "Thor" );  
     list.add ( "The Hulk" );  
     list.add ( "Black Widow" );  

ArrayAdapter คืออะไร ?

ก่อนที่เราจะนำข้อมูลใน ArrayList ไปแสดงผลใน ListView จะต้องแปลงเป็นข้อมูลเหล่านั้นเป็น ArrayAdapter (คือตัวเชื่อมระหว่าง ListView และ ช้อมูล อธิบายคร่าวๆประมาณนี้ก่อนนะ) ซะก่อนครับโดยเราสามารถสร้าง ArrayAdapter และใส่ข้อมูลที่เราสร้างไว้ได้ตามขั้นตอนด้านล่างเลย

 ArrayAdapter < String > dataAdapter = new ArrayAdapter< String >
( this, android.R.layout.simple_list_item_1, list );  

โดยพารามิเตอร์ของ ArrayAdapter นั้นมี3อย่าง

1. คือ Context ซึ้งโดยปกติตรงนี้เราจะใช้ this

2. คือหน้าตาของ item ใน ListView ตรงนี้เราใช้หน้าตาปกติของ Android ครับ

3. คือ ArrayList ที่เราเก็บข้อมูลไว้นั้นเอง

 

การใส่ข้อมูลใน ListView

ขั้นตอนสุดท้ายคือการใส่ข้อมูลลงใน ListView โดยเราจะเรียกใช้ฟังก์ชั่น setAdpter() ของ Class ListView เพื่อใส่ข้อมูลให้กับ ListView เป็นอันสิ้นสุดขั้นตอนครับ

     ListView listview = (ListView) this.findViewById ( R.id.listView );  
     listview.setAdapter ( dataAdapter );  

ขั้นตอนพื้นฐานการแสดงข้อมูลใน ListView ก็เป็นแบบนี้ในครั้งต่อไปเราจะนำ ListView ไปใช้งานให้มีประโยชน์ขึ้นซึ้งจะเป็นอย่างไรนั้นเจอกันครั้งหน้านะครับ

 

ผลลัพธ์ตัวอย่าง

Screenshot 2015-04-17 22.06.21

About octoboy


Android Developer, Study Master degree of Computer Engineering at Prince of Songkla university.

Related posts: