วิธีลบข้อมูลจาก TreeMap ไปยัง ArrayList สำหรับ ListView ใน Android

ภาพรวม

ตัวอย่างนี้สาธิตวิธีการใช้ TreeMap ร่วมกับ ArrayList และ ListView ใน Android พร้อมฟังก์ชัน เพิ่ม ลบ และรีเฟรช ข้อมูล โดย TreeMap จะ จัดเรียง Key อัตโนมัติ (ตัวเลข 1,2,3... หรือตัวอักษร A,B,C...)

ขั้นตอนที่ 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"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/record"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="record number"
        android:inputType="number" />

    <EditText
        android:id="@+id/name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Enter Name" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/save"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Save" />

        <Button
            android:id="@+id/refresh"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Refresh" />

        <Button
            android:id="@+id/delete"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Delete" />

    </LinearLayout>

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

</LinearLayout>

ในโค้ดข้างต้น เรามีช่องกรอก "record number" (Key - ตัวเลข) และ "Name" (Value) พร้อมปุ่ม Save, Refresh, Delete และ ListView

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

package com.example.andy.myapplication;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.Map;
import java.util.TreeMap;

public class MainActivity extends AppCompatActivity {

    Button save, refresh;
    EditText name, record;
    ArrayAdapter<String> arrayAdapter;
    ArrayList<String> arrayList;
    Map<String, String> map = new TreeMap<>();
    private ListView listView;

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

        arrayList = new ArrayList<>();
        name = findViewById(R.id.name);
        record = findViewById(R.id.record);
        listView = findViewById(R.id.listView);

        // ปุ่ม Refresh - อัปเดตการแสดงผล
        findViewById(R.id.refresh).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (arrayAdapter != null) {
                    arrayAdapter.notifyDataSetChanged();
                    listView.invalidateViews();
                    listView.refreshDrawableState();
                }
            }
        });

        // ปุ่ม Delete - ลบข้อมูลตาม record number (Key)
        findViewById(R.id.delete).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String recordKey = record.getText().toString().trim();
                if (!recordKey.isEmpty()) {
                    // ลบจาก TreeMap ด้วย Key
                    map.remove(recordKey);
                    
                    // อัปเดต ListView
                    updateListView();
                    
                    Toast.makeText(MainActivity.this, "Deleted", Toast.LENGTH_LONG).show();
                } else {
                    record.setError("Enter Record Number");
                }
            }
        });

        // ปุ่ม Save - เพิ่ม/แก้ไขข้อมูล
        findViewById(R.id.save).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String nameText = name.getText().toString().trim();
                String recordText = record.getText().toString().trim();

                if (!nameText.isEmpty() && !recordText.isEmpty()) {
                    // เพิ่มใน TreeMap (Key จะจัดเรียงอัตโนมัติ 1,2,3...)
                    map.put(recordText, nameText);
                    
                    // อัปเดต ListView
                    updateListView();
                    
                    Toast.makeText(MainActivity.this, "Inserted", Toast.LENGTH_LONG).show();
                } else {
                    if (nameText.isEmpty()) name.setError("Enter NAME");
                    if (recordText.isEmpty()) record.setError("Enter Record");
                }
            }
        });
    }

    // เมธอดช่วยอัปเดต ListView
    private void updateListView() {
        arrayList.clear();
        arrayList.addAll(map.values());
        
        arrayAdapter = new ArrayAdapter<>(
            MainActivity.this,
            android.R.layout.simple_list_item_1,
            arrayList
        );
        listView.setAdapter(arrayAdapter);
    }
}

คำอธิบายสำคัญ:

• TreeMap - Map ที่ จัดเรียง Key อัตโนมัติ ตามลำดับธรรมชาติ (Natural Ordering)
• Key เป็น String แต่ inputType="number" ทำให้ผู้ใช้กรอกตัวเลข → เรียง 1, 2, 3, 10, 11... (String sorting)
• ⚠ ข้อควรระวัง: TreeMap เรียง Key แบบ String (Lexicographical) ไม่ใช่ตัวเลข จะได้ลำดับ: "1", "10", "11", "2", "3"...
• แก้ไข: ใช้ TreeMap<Integer, String> และแปลง Integer.parseInt(recordText) เพื่อเรียงเป็นตัวเลขจริง
• map.remove(key) - ลบข้อมูลตาม Key

Map<Integer, String> map = new TreeMap<>();
// ...
int key = Integer.parseInt(recordText);
map.put(key, nameText); // จะเรียง 1, 2, 3, 10, 11... ถูกต้อง

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

เชื่อมต่ออุปกรณ์ Android จริงกับคอมพิวเตอร์ ใน Android Studio เปิดไฟล์ Activity แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณ

ภาพ: เพิ่มข้อมูล 2 รายการ แสดงใน ListView (เรียงตาม Key)

ภาพ: กรอก record number = 2 กด Delete แล้วรายการถูกลบ