สวัสดีครับกลับมาอีกแล้วกับบทความสำหรับ Android Developer วันนี้ผมจะขอนำเสนอ Tip ง่ายๆ เกี่ยวกับ ListView 2 อย่างนั้นคือ การซ่อนเส้นคั่น(Divider) และการลบพื้นหลัง(highlight)เวลากด ListView มาเริ่มกันเลย
การซ่อนเส้นคั่น (Divider) ของ ListView
หลายคนอาจจะงงว่าเส้นคั่นคืออะไร ขอเรียกว่า Divider แล้วกัน เจ้า Divider คือเส้นที่เอาไว้แบ่งพื้นที่ของ ListView แต่ละ row โดยปกติแล้วจะเป็นสีเทาๆ แบบรูปภาพ
[xml] android:divider="@null"
[/xml] แบบใส่ใน ListView เต็มๆ
[xml] <ListView
android:divider="@null"
android:layout_below="@+id/headview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/listView2" />
[/xml] เมื่อใส่ Code เข้าไปแล้วจะได้ ListView รูปร่างหน้าตาแบบนี้
การยกเลิกสีพื้นหลังเวลากด Rows(Disable Highlight Listview)
สังเกตว่าเวลาเรากด Row ของ ListView พื้นหลังของ Row นั้นๆ จะเปลี่ยนสีไปจากสีเดิม ดูได้จากวีดีโอ
ซึ่งบางครั้งเราไม่อยากให้เป็นแบบนี้ แต่สวรรค์ยังมีเมตตายังมีวิธีซ่อนมันครับ แค่เพิ่ม Code เข้าไปนิดหน่อยใน XML Layout เพื่อเปลี่ยนสีของ row เมื่อถูกเลือก สามารถใช้เป็นสีอื่นๆได้ตามสะดวกนะครับ
[xml]
android:cacheColorHint="#00000000"
android:listSelector="#00000000"
[/xml]
Code แบบเต็ม
[xml]
<ListView
android:divider="@null"
android:cacheColorHint="#00000000"
android:listSelector="#00000000"
android:layout_below="@+id/headview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/listView2" />
[/xml]
เมื่อเราใส่ Code เข้าไปเพื่อซ่อนสีที่จะเปลี่ยนแล้วจะได้ ListView หน้าตาแบบนี้เวลากดแทน
เป็น Tip ง่ายๆ ที่เราอาจจะได้ใช้กัน หวังว่าคงช่วยท่านผู้อ่านได้นะครับ