การซ่อน Divider ListView และยกเลิกสี highlight เมื่อกด ListView

0

          สวัสดีครับกลับมาอีกแล้วกับบทความสำหรับ Android Developer วันนี้ผมจะขอนำเสนอ Tip ง่ายๆ เกี่ยวกับ ListView 2 อย่างนั้นคือ การซ่อนเส้นคั่น(Divider) และการลบพื้นหลัง(highlight)เวลากด ListView มาเริ่มกันเลย
          

การซ่อนเส้นคั่น (Divider) ของ ListView

          หลายคนอาจจะงงว่าเส้นคั่นคืออะไร ขอเรียกว่า Divider แล้วกัน เจ้า Divider คือเส้นที่เอาไว้แบ่งพื้นที่ของ ListView แต่ละ row โดยปกติแล้วจะเป็นสีเทาๆ แบบรูปภาพ

เจ้านี่แหละคือ ListView Divider

เจ้านี่แหละคือ ListView Divider

          สำหรับวิธีเอา Divider ออกเพียงแค่เพิ่มคำสั่งใน XML ของ Layout เข้าไป 1 บรรทัดเท่านั้นเอง

android:divider="@null"

          แบบใส่ใน ListView เต็มๆ

<ListView
        android:divider="@null"
        android:layout_below="@+id/headview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/listView2" />

          เมื่อใส่ Code เข้าไปแล้วจะได้ ListView รูปร่างหน้าตาแบบนี้
listview hide divider
          

การยกเลิกสีพื้นหลังเวลากด Rows(Disable Highlight Listview)

          สังเกตว่าเวลาเรากด Row ของ ListView พื้นหลังของ Row นั้นๆ จะเปลี่ยนสีไปจากสีเดิม ดูได้จากวีดีโอ

          ซึ่งบางครั้งเราไม่อยากให้เป็นแบบนี้ แต่สวรรค์ยังมีเมตตายังมีวิธีซ่อนมันครับ แค่เพิ่ม Code เข้าไปนิดหน่อยใน XML Layout เพื่อเปลี่ยนสีของ row เมื่อถูกเลือก สามารถใช้เป็นสีอื่นๆได้ตามสะดวกนะครับ

android:cacheColorHint="#00000000"
android:listSelector="#00000000"

          Code แบบเต็ม

<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" />

          เมื่อเราใส่ Code เข้าไปเพื่อซ่อนสีที่จะเปลี่ยนแล้วจะได้ ListView หน้าตาแบบนี้เวลากดแทน

          เป็น Tip ง่ายๆ ที่เราอาจจะได้ใช้กัน หวังว่าคงช่วยท่านผู้อ่านได้นะครับ

Facebook Comments
Share.

About Author

Comments are closed.