วิธีการเปลี่ยนสีของตัวแยกรายการ Android ListView


400

ฉันต้องการเปลี่ยนสีของListViewเส้นคั่น ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชม

คำตอบ:


765

คุณสามารถตั้งค่านี้ในไฟล์รูปแบบ XML android:divider="#FF0000"ใช้ หากคุณกำลังเปลี่ยนสี / วาดได้คุณต้องตั้งค่า / รีเซ็ตความสูงของตัวแบ่งเช่นกัน

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">

  <ListView 
    android:id="@+id/android:list"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:divider="#FFCC00"
    android:dividerHeight="4px"/>

</LinearLayout>

11
คุณควรระบุDrawableทรัพยากรด้วยandroid:dividerเช่นกัน ตัวแบ่งที่มีอยู่คือการไล่ระดับสี
CommonsWare

62
ถ้าคุณทำใน XML อย่าลืมดูความสูงด้วย android: dividerHeight ไม่เช่นนั้นคุณจะไม่ได้รับสาย
Eric Novins

8
จากประสบการณ์ของฉันอ่าน "ควรรีเซ็ตความสูงของตัวแบ่ง" เป็น "ต้องตั้งค่าความสูงของตัวหาร"
dpjanes

44
ฉันจะไม่แนะนำให้ใช้pxหน่วยในการกำหนดขนาดใน Android ใช้dpแทน
Marek Sebera

12
ดูเหมือนว่าอาจมีเหตุผลที่ดีที่จะใช้ px ในกรณีเฉพาะนี้ ดู: stackoverflow.com/a/12061612/10505
greg7gkb

163

หรือคุณสามารถรหัสได้:

int[] colors = {0, 0xFFFF0000, 0}; // red for the example
myList.setDivider(new GradientDrawable(Orientation.RIGHT_LEFT, colors));
myList.setDividerHeight(1);

หวังว่ามันจะช่วย


สมบูรณ์แบบรายการของฉันอยู่บนพื้นหลังไล่ระดับสีแดงและผลกระทบของคุณทำให้พวกเขางดงาม !!
Darkendorf

1
ถ้าคุณขยาย ListActivity ให้แทนที่ mylist ด้วย getListView ()
Aziz

87

สำหรับการใช้เส้นสีเดียว:

list.setDivider(new ColorDrawable(0x99F10529));   //0xAARRGGBB
list.setDividerHeight(1);

เป็นสิ่งสำคัญที่ DividerHeight ตั้งขึ้นหลังจากตัวแบ่งมิฉะนั้นคุณจะไม่ได้อะไรเลย


1
ขอบคุณฉันเรียก setDividerHeight () ก่อน setDivider () และไม่มีตัวคั่นปรากฏขึ้น
Andreas Klöber

3
ความคิดเห็นที่เป็นประโยชน์มากเกี่ยวกับลำดับของการดำเนินการ ฉันใช้เวลา 2 ชั่วโมงในการพยายามทำให้มันใช้งานได้ การออกแบบที่ดี Android
Nick Frolov

12

คุณยังสามารถรับสีจากแหล่งข้อมูลของคุณโดยใช้:

dateView.setDivider(new ColorDrawable(_context.getResources().getColor(R.color.textlight)));
dateView.setDividerHeight(1);

10

เวอร์ชัน XML สำหรับเอฟเฟกต์เจ๋ง ๆ @Asher Aslan

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient
        android:angle="180"
        android:startColor="#00000000"
        android:centerColor="#FFFF0000"
        android:endColor="#00000000"/>

</shape>

ชื่อสำหรับรูปร่างนั้นเป็น: list_driver.xml ภายใต้โฟลเดอร์ drawable

<ListView
        android:id="@+id/category_list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" 
        android:divider="@drawable/list_driver"
        android:dividerHeight="5sp" />

6

มีสองวิธีในการทำสิ่งเดียวกัน:

  1. คุณสามารถตั้งค่าandroid: divider = "# FFCCFF"ในไฟล์ layout xml ด้วยสิ่งนี้คุณต้องระบุความสูงของตัวแบ่งเช่นandroidนี้: dividerHeight = "5px "

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
      <ListView 
      android:id="@+id/lvMyList"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:divider="#FFCCFF"
      android:dividerHeight="5px"/>
    
    </LinearLayout>
    
  2. คุณสามารถทำได้โดยการเขียนโปรแกรม ...

    ListView listView = getListView();
    ColorDrawable myColor = new ColorDrawable(
        this.getResources().getColor(R.color.myColor)
    );
    listView.setDivider(myColor);
    listView.setDividerHeight();
    

2

ใช้รหัสด้านล่างในไฟล์ xml ของคุณ

<ListView 
    android:id="@+id/listView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:divider="#000000" 
    android:dividerHeight="1dp">
</ListView> 

2
เป็นการดีที่สุดที่จะอธิบายเล็กน้อยเกี่ยวกับสาเหตุที่โซลูชันของคุณใช้งานได้ คำตอบของรหัสเท่านั้นอาจแก้ไขปัญหา แต่ไม่จำเป็นต้องตอบคำถามของผู้ถาม
SuperBiasedMan

1

ใช้โปรแกรม

           // Set ListView divider color
            lv.setDivider(new ColorDrawable(Color.parseColor("#FF4A4D93")));

            // set ListView divider height
            lv.setDividerHeight(2);

ใช้ xml

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">

  <ListView 
    android:id="@+id/android:list"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:divider="#44CC00"
    android:dividerHeight="4px"/>

</LinearLayout>

0

ใช้android:divider="#FF0000"และandroid:dividerHeight="2px"สำหรับ ListView

<ListView 
android:id="@android:id/list"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:divider="#0099FF"
android:dividerHeight="2px"/>
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.