Cách tiếp cận
ListView không có header built-in như RecyclerView. Cách đơn giản: thêm item đặc biệt (header) vào đầu ArrayList, rồi dùng logic phân biệt khi hiển thị hoặc sắp xếp để header luôn ở trên cùng.
Ví dụ: Header "HEADER" cố định ở đầu
MainActivity.java
package com.example.headerdemo;
import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
import java.util.ArrayList;
import java.util.Collections;
import java.util.Comparator;
import java.util.HashSet;
import java.util.Set;
public class MainActivity extends AppCompatActivity {
EditText name;
ArrayAdapter<String> adapter;
ArrayList<String> dataList;
Set<String> uniqueSet = new HashSet<>();
ListView listView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
dataList = new ArrayList<>();
dataList.ensureCapacity(20);
name = findViewById(R.id.name);
listView = findViewById(R.id.listView);
findViewById(R.id.refresh).setOnClickListener(v -> {
if (adapter != null) adapter.notifyDataSetChanged();
});
findViewById(R.id.save).setOnClickListener(v -> {
String input = name.getText().toString().trim();
if (!input.isEmpty()) {
uniqueSet.add(input);
dataList.clear();
if (dataList.isEmpty()) {
// Thêm header ở vị trí 0
dataList.add(0, "HEADER");
dataList.addAll(uniqueSet);
// Sắp xếp nhưng giữ header ở đầu
Collections.sort(dataList.subList(1, dataList.size()),
(o1, o2) -> o1.compareTo(o2));
dataList.trimToSize();
adapter = new ArrayAdapter<>(this,
android.R.layout.simple_list_item_1, dataList);
listView.setAdapter(adapter);
} else {
listView.setVisibility(View.GONE);
}
Toast.makeText(this, "Đã thêm", Toast.LENGTH_SHORT).show();
} else {
name.setError("Nhập tên");
}
});
}
}
Kết quả
ListView hiển thị:
HEADER
An
Bình
Cường
... (các tên khác theo thứ tự A-Z)
Cách chuyên nghiệp hơn: addHeaderView()
ListView có phương thức addHeaderView(View) chấp nhận một View tùy chỉnh làm header:
// Trong onCreate, trước setAdapter
View headerView = getLayoutInflater().inflate(R.layout.list_header, listView, false);
TextView tv = headerView.findViewById(R.id.headerTitle);
tv.setText("DANH SÁCH NHÂN VIÊN");
listView.addHeaderView(headerView);
// Sau đó setAdapter bình thường
listView.setAdapter(adapter);
File res/layout/list_header.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="16dp"
android:background="#3F51B5"
android:orientation="vertical">
<TextView
android:id="@+id/headerTitle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="HEADER"
android:textColor="#FFFFFF"
android:textSize="18sp"
android:textStyle="bold" />
</LinearLayout>
Ưu điểm addHeaderView
- Header không cuộn cùng nội dung (nếu dùng
listView.setHeaderDividersEnabled(false)). - Tùy chỉnh giao diện hoàn toàn (layout phức tạp, image, button...).
- Không can thiệp vào data source.
Khi nào dùng cách nào?
| Cách | Phù hợp |
|---|---|
| Thêm item vào ArrayList | Header đơn giản, ít logic, prototype nhanh |
| addHeaderView() | Header phức tạp, cần tách biệt UI/data, production app |