วิธีเพิ่มข้อมูลลง ArrayList สำหรับ ListView ใน Android

บทนำ

ตัวอย่างนี้สาธิตวิธีการเพิ่มองค์ประกอบ (element) ลงใน ArrayList และแสดงผลบน ListView ในแอปพลิเคชัน Android

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

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

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

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

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

    </LinearLayout>

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

</LinearLayout>

ใน Layout นี้ประกอบด้วย:

• EditText สำหรับรับชื่อจากผู้ใช้
• ปุ่ม Save เพื่อบันทึกข้อมูลลง ArrayList
• ปุ่ม Refresh เพื่อรีเฟรช ListView ให้แสดงข้อมูลล่าสุด
• ListView สำหรับแสดงรายการชื่อ

ขั้นตอนที่ 3: เขียนโค้ด Java (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;

public class MainActivity extends AppCompatActivity {

    Button save, refresh;
    EditText name;
    ArrayAdapter<String> arrayAdapter;
    private ListView listView;
    ArrayList<String> array_list;

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

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

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

        // ปุ่ม Save - เพิ่มข้อมูลลง ArrayList
        findViewById(R.id.save).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String inputName = name.getText().toString().trim();
                if (!inputName.isEmpty()) {
                    array_list.add(inputName);
                    arrayAdapter = new ArrayAdapter<>(MainActivity.this,
                            android.R.layout.simple_list_item_1, array_list);
                    listView.setAdapter(arrayAdapter);
                    Toast.makeText(MainActivity.this, "Inserted", Toast.LENGTH_LONG).show();
                    name.setText(""); // เคลียร์ช่องกรอกหลังบันทึก
                } else {
                    name.setError("Enter NAME");
                }
            }
        });
    }
}

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

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

ในผลลัพธ์ เรากรอกชื่อในช่อง EditText กด Save จะเพิ่มลง ArrayList และแสดงใน ListView ทันที กด Refresh จะอัปเดตมุมมอง

สรุป

ตัวอย่างนี้แสดงวิธีพื้นฐานในการจัดการข้อมูลแบบไดนามิกกับ ListView ผ่าน ArrayList และ ArrayAdapter เหมาะสำหรับแอปที่ต้องการเพิ่ม/ลบรายการบ่อยครั้ง