Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> Android

Cách thêm header cho ListView trong Android

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áchPhù hợp
Thêm item vào ArrayListHeader đơn giản, ít logic, prototype nhanh
addHeaderView()Header phức tạp, cần tách biệt UI/data, production app