ListView นี้จะเป็น ListView แบบง่าย ที่แสดงข้อมูลเพียงแค่อย่างเดียว
ListActivity เป็น Acitivity ของ Android ที่เอาไว้แสดง ListView
ListView จะใช้ตัวเชื่อมต่อกับข้อมูล คือ Adapter จะเป็นตัวเชื่อมนำข้อมูลจาก Array มาแสดงใน ListView
ขั้นตอนที่ 1 : เข้าโปรแกรม Android Studio สร้างโปรเจคใหม่ขึ้นมา
ขั้นตอนที่ 2 : สร้าง TextView
Code: Select all
<TextView
android:id="@+id/TVlist"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
ขั้นตอนที่ 3 : มาที่ MainAcitivity.java เปลี่ยน extents ให้ extent ListActivity
ลบ setContentView ออกเนื่องจากเราได้ extends ListActivity แล้วมันมี Layout ของมันแล้ว ไม่จำเป็นต้อง setContentView
Code: Select all
setContentView(R.layout.activity_main);
จะเป็นแบบนี้
Code: Select all
public class MainActivity extends ListActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
}
}
ขั้นตอนที่ 4 : เพิ่ม String Array เก็บข้อมูลที่จะแสดงใน ListView
Code: Select all
String[] versionList = {"CupCake", "Donut", "Eclair",
"Froyo", "Gingerbread", "Honeycomb", "Ice Cream Sandwich",
"Jelly Bean", "KitKat", "Lollipop"};
ขั้นตอนที่ 5 : สร้าง Adapter เพื่อดึงข้อมูลจาก Array มาแสดงใน ListView โดยใช้ ArrayAdapter (Android มี Adapter หลายประเภท)
Code: Select all
ArrayAdapter<String> adapter = new ArrayAdapter<String>( this, android.R.layout.simple_list_item_1, versionList);
ArrayAdapter รับ parameter 3 ตัว คือ context, id ของ layout และ data จาก array โดย Layout จะใช้ Layout ที่มาพร้อมกับ Android (R.layout.simple_list_item_1)
จากนั้นเรียกใช้ Method setListAdapter()
จะได้ code ทั้งหมดตามนี้
Code: Select all
public class MainActivity extends ListActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
String[] versionList = {"CupCake", "Donut", "Eclair",
"Froyo", "Gingerbread", "Honeycomb", "Ice Cream Sandwich",
"Jelly Bean", "KitKat", "Lollipop"};
ArrayAdapter<String> adapter = new ArrayAdapter<String>( this,
android.R.layout.simple_list_item_1, versionList);
setListAdapter(adapter);
}
}
ทดสอบ

- Screenshot_1.png (39.32 KiB) Viewed 1726 times