วิธีสร้าง EditText ที่โฟกัสได้ใน ListView Android

ภาพรวม

บทความนี้สาธิตวิธีทำให้ EditText ภายใน ListView สามารถรับโฟกัสและพิมพ์ได้ปกติ โดยปกติ ListView จะบล็อก Focus ให้ Child View ไม่ได้ (Descendant Focusability) ต้องตั้งค่า android:descendantFocusability="beforeDescendants" และจัดการ Adapter ให้ถูกต้อง

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

สร้างโปรเจกต์ Android ใหม่ใน Android Studio

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

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:descendantFocusability="beforeDescendants"
        android:divider="@null"
        android:dividerHeight="0dp" />

</LinearLayout>

ขั้นตอนที่ 3: Item Layout (res/layout/list_item_edittext.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:orientation="vertical"
    android:padding="16dp">

    <EditText
        android:id="@+id/etItemCaption"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="พิมพ์ข้อความที่นี่..."
        android:inputType="text"
        android:singleLine="true"
        android:background="@android:drawable/edit_text"
        android:padding="12dp"
        android:textSize="16sp" />

</LinearLayout>

ขั้นตอนที่ 4: MainActivity.java - Adapter แบบ ViewHolder Pattern

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private ListView listView;
    private EditTextAdapter adapter;
    private List items = new ArrayList<>();

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

        listView = findViewById(R.id.listView);
        
        // สร้างข้อมูลเริ่มต้น 7 รายการ
        for (int i = 0; i < 7; i++) {
            items.add("รายการ " + (i + 1));
        }

        // สำคัญ: อนุญาตให้ Item Focus ได้
        listView.setItemsCanFocus(true);
        
        adapter = new EditTextAdapter();
        listView.setAdapter(adapter);
    }

    private class EditTextAdapter extends BaseAdapter {

        @Override
        public int getCount() {
            return items.size();
        }

        @Override
        public Object getItem(int position) {
            return items.get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder holder;
            
            if (convertView == null) {
                convertView = LayoutInflater.from(parent.getContext())
                        .inflate(R.layout.list_item_edittext, parent, false);
                holder = new ViewHolder(convertView);
                convertView.setTag(holder);
            } else {
                holder = (ViewHolder) convertView.getTag();
            }

            // ตั้งค่าข้อความ
            holder.editText.setText(items.get(position));
            
            // Tag สำหรับระบุ Position เมื่อ Focus เปลี่ยน
            holder.editText.setTag(position);
            
            // ลบ TextWatcher เก่าออกก่อน (ป้องกัน Duplicate)
            if (holder.textWatcher != null) {
                holder.editText.removeTextChangedListener(holder.textWatcher);
            }
            
            // เพิ่ม TextWatcher ใหม่
            holder.textWatcher = new TextWatcher() {
                @Override
                public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

                @Override
                public void onTextChanged(CharSequence s, int start, int before, int count) {}

                @Override
                public void afterTextChanged(Editable s) {
                    // อัปเดตข้อมูลเมื่อผู้ใช้พิมพ์เสร็จ
                    int pos = (int) holder.editText.getTag();
                    if (pos >= 0 && pos < items.size()) {
                        items.set(pos, s.toString());
                    }
                }
            };
            holder.editText.addTextChangedListener(holder.textWatcher);

            // Focus Change Listener (Optional - สำหรับ Save เมื่อ Focus หาย)
            holder.editText.setOnFocusChangeListener((v, hasFocus) -> {
                if (!hasFocus) {
                    int pos = (int) v.getTag();
                    if (pos >= 0 && pos < items.size()) {
                        items.set(pos, ((EditText) v).getText().toString());
                        // Toast.makeText(MainActivity.this, "Saved: " + items.get(pos), Toast.LENGTH_SHORT).show();
                    }
                }
            });

            return convertView;
        }
    }

    static class ViewHolder {
        EditText editText;
        TextWatcher textWatcher;

        ViewHolder(View view) {
            editText = view.findViewById(R.id.etItemCaption);
        }
    }
}

ขั้นตอนที่ 5: AndroidManifest.xml - จัดการ Soft Input Mode

<activity
    android:name=".MainActivity"
    android:windowSoftInputMode="adjustPan|stateHidden">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

ปัญหาที่พบบ่อยและวิธีแก้ (Common Issues)

แนะนำ: ใช้ RecyclerView แทน (Modern Approach)

ListView เป็น Legacy ให้ย้ายไป RecyclerView ซึ่งจัดการ Focus และ Recycling ได้ดีกว่า:

RecyclerView Adapter สำหรับ EditText

public class EditTextRecyclerAdapter extends RecyclerView.Adapter<EditTextRecyclerAdapter.ViewHolder> {
    private List items;
    
    // ... constructor, onCreateViewHolder, getItemCount ...

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        holder.editText.setText(items.get(position));
        holder.editText.setTag(position);
        
        // ใช้ TextWatcher แบบเดียวกัน แต่ต้องจัดการ Position ให้ถูกต้อง
        holder.editText.addTextChangedListener(new TextWatcher() {
            @Override public void afterTextChanged(Editable s) {
                items.set(position, s.toString());
            }
            // beforeTextChanged, onTextChanged ว่างไว้
        });
    }

    static class ViewHolder extends RecyclerView.ViewHolder {
        EditText editText;
        ViewHolder(View view) {
            super(view);
            editText = view.findViewById(R.id.etItemCaption);
        }
    }
}

Manifest สำหรับ RecyclerView

<activity
    android:name=".MainActivity"
    android:windowSoftInputMode="adjustResize"> 
    <!-- adjustResize ดีกว่า RecyclerView เพราะจะ Resize Layout ให้เห็น Item ที่ Focus อยู่ -->
</activity>

สรุป Key Points

1. descendantFocusability="beforeDescendants" บน ListView/RecyclerView
2. setItemsCanFocus(true) บน ListView (RecyclerView ไม่ต้องการ)
3. windowSoftInputMode="adjustPan" ใน Manifest Activity
4. ViewHolder Pattern + Tag Position + TextWatcher Management
5. RecyclerView แทน ListView สำหรับโปรเจกต์ใหม่