Sử dụng interface trong android – listview (part 6)

Listview trong Android là thành phần cho phép bạn hiển thị dữ liệu theo dạng danh sách theo chiều dọc

Mình sẽ giới thiệu cho các bạn các bước để có thể xây dựng 1 listview đơn giản, ví dụ về listview custom  mình sẽ trình bày trong các hướng dẫn học android tiếp theo

Để làm được ví dụ này các bạn thực hiện lần lượt các bước sau:

Bước 1: Mở file res-> values ->strings.xml
<?xml version="1.0" encoding="utf-8"?>

<resources>

<string name="app_name">ListViewSimpleDemo</string>
<string name="action_settings">Settings</string>
<string name="hello_world">Hello world!</string>
<string name="list">Danh Sach</string>
</resources>
Bước 2: Mở file res-> layout ->activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity" >

<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:gravity="center"
android:text="@string/list"
android:textSize="20sp"
android:textStyle="bold" />

<ListView
android:id="@+id/list"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
</ListView>

</LinearLayout>

Bước 3: mở file MainActivity.java
package com.example.listviewsimpledemo;

import java.util.ArrayList;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity {
// cac buoc thuc hien
// buoc 1 xay dung file layout

// buoc 2 khai bao doi tuong can thiet cho listview
// doi voi listview can khai bao 3 doi tuong
// 1. ListView; 2. ArrayList; 3. ArrayAdapter

// dung de link den layout
private ListView list;
// dung de luu du lieu can hien thi tren listview
private ArrayList<String> array;
// bo chuyen doi du lieu de hien thi tren listview
private ArrayAdapter<String> adapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// buoc 3 lay du lieu ve ArrayList
LoadData();

// buoc 4 init adapter (note chon phuong thuc co 3 doi so truyen vao la
// context,int, List<String>)
adapter = new ArrayAdapter<String>(MainActivity.this,
android.R.layout.simple_list_item_1, array);

// buoc 5 setAdapter cho listView
list = (ListView) findViewById(R.id.list);
list.setAdapter(adapter);

// buoc 6 add function cho listview
list.setOnItemClickListener(new OnItemClickListener() {

@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
// khi co su kien click vao item thi
// position la vi tri chon

// lay noi dung cua item de xu ly
String str = array.get(position).toString();
Log.d("debug", str);

}
});

}

private void LoadData() {
// Data co the duoc lay tu server
// Strong vi du nay chung ta tao ra bang cach fix cung

// khoi tao array
array = new ArrayList<String>();

// add cac phan tu cho array
String p1 = "1 Bui Son Truong";
array.add(p1);
String p2 = "2 Bui Son Truong";
array.add(p2);
String p3 = "3 Bui Son Truong";
array.add(p3);
String p4 = "4 Bui Son Truong";
array.add(p4);
String p5 = "5 Bui Son Truong";
array.add(p5);
String p6 = "6 Bui Son Truong";
array.add(p6);
String p7 = "7 Bui Son Truong";
array.add(p7);
String p8 = "8 Bui Son Truong";
array.add(p8);
String p9 = "9 Bui Son Truong";
array.add(p9);
String p10 = "10 Bui Son Truong";
array.add(p10);
String p11 = "11 Bui Son Truong";
array.add(p11);
String p12 = "12 Bui Son Truong";
array.add(p12);
String p13 = "13 Bui Son Truong";
array.add(p13);
String p14 = "14 Bui Son Truong";
array.add(p14);
String p15 = "15 Bui Son Truong";
array.add(p15);
String p16 = "16 Bui Son Truong";
array.add(p16);
String p17 = "17 Bui Son Truong";
array.add(p17);

}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

}