Thứ Tư, 22 tháng 6, 2016

Hướng dẫn tạo ListView trong Android

Trong lập trình Android, sẽ mang khi bạn buộc phải hiển thị 1 danh sách những đối tượng nào ấy, ví dụ danh sách những sinh viên, danh sách các mặt hàng…Việc dùng những View bình thường để hiển thị toàn bộ danh sách là việc rất mất công và thời gian. Nhưng rất may trong Android đã hỗ trợ một dòng View để khiến việc này. đấy chính là ListView.

một. Hướng dẫn tạo ListView đơn thuần.

Bước 1. các bạn tạo 1 project mới sở hữu tên là ListViewSample (Bạn có thể xem những tạo một project tại đây)

Bước 2. Trong file xml quý khách khởi tạo 1 ListView như sau.

39

Bước 3. người mua chuyển vào file MainActivity.java và viết code để tạo listview như sau.

Bước 4. Run project và được kết quả là một danh sách đơn giản

40

2. Hướng dẫn custom ListView để hiện thị 1 danh sách phức tạp.

Trong thực tế, cực kỳ ít lúc danh sách hiển thị những đối tượng chỉ mang 1 thuộc tính. Vậy đề nghị chúng ta nên custom lại ListView để hiện thì được danh sách các đối tượng với nhiều thuộc tính hơn. người mua hãy làm cho theo những bước dưới đây.

Bước 1. Khởi tạo một project mới sở hữu tên CustomListViewSample.

Bước 2. Tạo đối tượng (Trong Android chính là 1 class) thể hiện đối tượng mà mình muốn hiển thị. Ví dụ mình bắt buộc hiển thị danh sách những sinh viên đăng ký học tại Devpro. Ta tạo một class như sau. Tạo một đối tượng sở hữu tên là Student sở hữu các thuộc tính ID, Name, Phone sau đấy tạo get/set cho đối tượng.

Xem thêm:Nội dung khoa hoc lap trinh game unity

Bước 3. Custom giao diện một item cho ListView

chúng ta sẽ hiển thị ảnh, tên và số điện thoại của học viên.

<?xml version="1.0″ encoding="utf-8″?>
<LinearLayout xmlns:android="http:// schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:background="#fff"
android:orientation="horizontal"
android:padding="10dp">

<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/avatar" />

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:orientation="vertical">

<TextView
android:id="@+id/txtName"
android:layout_width="fill_parent"
android:layout_height="25dp"
android:gravity="center_vertical"
android:text="Toan"
android:textColor="#000″
android:textStyle="bold" />

<TextView
android:id="@+id/txtPhone"
android:layout_width="fill_parent"
android:layout_height="25dp"
android:gravity="center_vertical"
android:text="0123″ />
</LinearLayout>
</LinearLayout>

Bước 4. Tạo một adapter với tên StudentAdapter và cấu hình cho nó như sau.

public class StudentAdapter extends BaseAdapter
ArrayList<Student> listData;
LayoutInflater inflater;

// Hàm tạo của custom
public StudentAdapter(Context context, ArrayList<Student> listData)
this.inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
this.listData = listData;

// Trả về số lượng phần tử được hiển thị trong listview
@Override
public int getCount()
return listData.size();

// Trả về đối tượng được lấy theo vị trí
@Override
public Object getItem(int position)
return listData.get(position);

@Override
public long getItemId(int position)
return 0;

// Hàm quan trọng nhất, hiển thị giao diện của listview
@Override
public View getView(int position, View convertView, ViewGroup parent)
// Lấy ra đối tượng buộc phải hiển thị ở vị trí thiết bị position
Student item = listData.get(position);
// Khai báo các component
TextView txtName, txtPhone;
// Khởi tạo view.
if (convertView == null)
convertView = inflater.inflate(R.layout.item_listview, parent, false);

txtName = (TextView) convertView.findViewById(R.id.txtName);
txtPhone = (TextView) convertView.findViewById(R.id.txtPhone);
// Set dữ liệu vào item của list view
txtName.setText(item.getName());
txtPhone.setText(item.getPhone());
return convertView;

Bước 5. sau khi đã có Adapter chúng ta vào trong file MainActivity.java và viết code như sau.

43

Bước 6. Sau lúc đã hoàn thành các bước trên, bạn tiến hành Run Project và xem thành quả của người dùng.

42

Trên đây mình đã giới thiệu cho người mua biết về listview, từ listview cơ bản đến custom một listview theo ý muốn. trường hợp gặp khó khắn trong quá trình code, quý khách mang thể tham khảo khóa học Android tại đây để với thể phát triển thành 1 lập trình Android nhiều năm kinh nghiệm. Chúc người mua thành công!

Gợi ý xem thêm: