วิธีเพิ่ม Footer View ใน Android ListView

การเพิ่ม Footer View ให้กับ ListView ใน Android

ตัวอย่างนี้จะแสดงวิธีการเพิ่มมุมมองท้าย (Footer View) ให้กับ ListView ในแอปพลิเคชัน Android โดยใช้ Java และ XML Layout

ขั้นตอนที่ 1: สร้างโปรเจกต์ใหม่

เปิด Android Studio เลือก File → New Project กรอกรายละเอียดที่จำเป็นเพื่อสร้างโปรเจกต์ใหม่

ขั้นตอนที่ 2: จัดเตรียม Layout (res/layout/activity_main.xml)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center_horizontal"
    android:layout_marginTop="30dp"
    tools:context=".MainActivity">

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

</LinearLayout>

ในโค้ดนี้เราใช้ ListView เพื่อแสดงค่าจากอาร์เรย์

ขั้นตอนที่ 3: เขียนโค้ด Java (src/MainActivity.java)

package com.example.myapplication;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.Gravity;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Collections;
import java.util.HashSet;

public class MainActivity extends AppCompatActivity {
    ListView list;
    String[] names = new String[] { "A", "B", "C" };
    String[] extended = new String[5];

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        list = findViewById(R.id.list);

        // เพิ่มข้อมูลในอาร์เรย์ extended
        extended[3] = "D";
        extended[4] = "E";
        System.arraycopy(names, 0, extended, 0, names.length);

        // ลบข้อมูลซ้ำด้วย HashSet
        HashSet<String> unique = new HashSet<>(Arrays.asList(extended));
        unique.addAll(Arrays.asList(names));
        ArrayList<String> arrayList = new ArrayList<String>(unique);

        // สร้าง Adapter และเซ็ตให้ ListView
        ArrayAdapter adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, arrayList);
        list.setAdapter(adapter);

        // สร้าง Footer View
        TextView footer = new TextView(this);
        footer.setGravity(Gravity.CENTER);
        footer.setTextSize(30);
        footer.setText("Footer");

        // เพิ่ม Footer ให้ ListView
        if (footer != null) {
            list.addFooterView(footer);
        } else {
            throw new NullPointerException("footer is null");
        }
    }
}

การทดสอบแอปพลิเคชัน

เชื่อมต่ออุปกรณ์ Android จริงกับคอมพิวเตอร์ จาก Android Studio เปิดไฟล์ Activity แล้วคลิกไอคอน Run เลือกอุปกรณ์ของคุณ แล้วตรวจสอบหน้าจอ - จะเห็นค่าอาร์เรย์โดยไม่ซ้ำกันพร้อม Footer View ที่ด้านล่าง

สรุป

วิธีนี้เหมาะสำหรับการเพิ่มข้อมูลสรุป ปุ่มการกระทำ หรือข้อความต่างๆ ที่ด้านล่างของรายการ โดยใช้เมธอด addFooterView() ของ ListView