แก้ปัญหา ListView พื้นหลังสีดำตอน Scroll บน Android

Fix: ListView Background Turns Black When Scrolling

ปัญหา Classic: ListView พื้นหลังกลายเป็นสีดำขณะ Scroll 原因: Default Cache Color Hint

วิธีแก้: เพิ่ม cacheColorHint ใน XML

<ListView
    android:id="@+id/list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:cacheColorHint="#00000000" />

#00000000 = Transparent (ARGB: Alpha=00, RGB=000000)

คำอธิบาย

• ListView ใช้ Optimization เรียกว่า "Cache Color Hint" เพื่อเรนเดอร์เร็วขึ้น
• Default เป็นสีดำ (#FF000000) → ตอน Scroll พื้นหลังมองเห็นสีดำช่วงสั้นๆ
• ตั้งเป็น Transparent (#00000000) → ไม่มี Artifact สีดำ

ตัวอย่างโค้ดครบ (MainActivity.java)

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        ListView listView = findViewById(R.id.list);
        
        // Sample Data (24 items for scrolling)
        ArrayList<String> items = new ArrayList<>();
        String[] subjects = {"JAVA", "ANDROID", "C Language", "CPP Language", "Go Language", "AVN SYSTEMS"};
        for (int i = 0; i < 4; i++) {
            for (String s : subjects) items.add(s);
        }
        
        ArrayAdapter<String> adapter = new ArrayAdapter<>(
            this, android.R.layout.simple_list_item_1, items
        );
        listView.setAdapter(adapter);
        
        listView.setOnItemClickListener((parent, view, position, id) -> {
            String item = (String) parent.getItemAtPosition(position);
            Toast.makeText(this, item, Toast.LENGTH_SHORT).show();
        });
    }
}

วิธีแก้แบบ Programmatic

listView.setCacheColorHint(Color.TRANSPARENT);

⚠️ ข้อสังเกต: RecyclerView ไม่มีปัญหานี้

RecyclerView ไม่ใช้ Cache Color Hint Mechanism เดียวกัน → ไม่เจอปัญหานี้

แนะนำ: ย้ายไปใช้ RecyclerView แทน ListView สำหรับโปรเจกต์ใหม่

ปัญหาเกี่ยวข้องอื่นๆ

1. ListView Scrolling Lag (Jank)

• ใช้ ViewHolder Pattern (บังคับใน RecyclerView)
• หลีกเลี่ยง Layout ซับซ้อนใน Row
• โหลดรูปภาพแบบ Async (Picasso/Glide/Coil)

2. Divider ไม่ออกมาตามที่ตั้งค่า

listView.setDivider(new ColorDrawable(Color.BLACK));
listView.setDividerHeight(1); // dp to px conversion needed

3. Selector/Highlight ไม่ทำงาน

listView.setSelector(android.R.color.holo_blue_light);
// หรือ XML: android:listSelector="@android:color/holo_blue_light"

สรุป