Jak zmienić kolor linii separatora Android ListView?

400

Chcę zmienić kolor ListViewlinii separatora. Każda pomoc będzie mile widziana.

UMAR
źródło

Odpowiedzi:

765

Możesz ustawić tę wartość w pliku XML układu za pomocą android:divider="#FF0000". W przypadku zmiany koloru / wysuwu należy również ustawić / zresetować wysokość dzielnika.

<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>
JeremyFromEarth
źródło
11
Powinieneś także mieć możliwość określenia Drawablezasobu android:divider. Istniejący dzielnik jest gradientem.
CommonsWare
62
Jeśli zrobisz to w XML, upewnij się, że widzisz również wysokość za pomocą Androida: dividerHeight, w przeciwnym razie nie dostaniesz linii
Eric Novins
8
Z mojego doświadczenia
wynika
44
Nie polecam używania pxjednostki do definiowania rozmiarów w Androidzie, dpzamiast tego używaj
Marek Sebera
12
Wydaje się, że w tym konkretnym przypadku może istnieć dobry powód, aby użyć px. Zobacz: stackoverflow.com/a/12061612/10505
greg7gkb 24.04.2013
163

Lub możesz to zakodować:

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

Mam nadzieję, że to pomoże

Asher Aslan
źródło
Idealnie, moje przedmioty były na czerwono-gradientowym tle, a twój efekt sprawił, że były wspaniałe !!
Darkendorf,
1
jeśli rozszerzysz ListActivity, zamień listę mylist na getListView ()
Aziz
87

W przypadku użycia jednej linii kolorów:

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

Ważne jest, aby DividerHeight był ustawiony za dzielnikiem , w przeciwnym razie nic nie dostaniesz.

htafoya
źródło
1
Dziękuję, wywołałem setDividerHeight () przed setDivider () i nie pokazano dzielnika.
Andreas Klöber
3
Bardzo pomocny komentarz na temat kolejności operacji. Właśnie spędziłem 2 godziny, starając się, aby to zadziałało. Niezły design, Android.
Nick Frolov
12

Możesz także uzyskać kolory ze swoich zasobów, używając:

dateView.setDivider(new ColorDrawable(_context.getResources().getColor(R.color.textlight)));
dateView.setDividerHeight(1);
BitBlt
źródło
10

Wersja XML dla fajnego efektu @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>

Nazwij ten kształt jako: list_driver.xml w folderze wysuwnym

<ListView
        android:id="@+id/category_list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" 
        android:divider="@drawable/list_driver"
        android:dividerHeight="5sp" />
Peter Nguyen
źródło
6

Istnieją dwa sposoby na zrobienie tego samego:

  1. Możesz ustawić wartość Androida: divider = "# FFCCFF" w pliku xml układu. Dzięki temu musisz również określić wysokość dzielnika, takiego jak ten 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. Możesz to również zrobić programowo ...

    ListView listView = getListView();
    ColorDrawable myColor = new ColorDrawable(
        this.getResources().getColor(R.color.myColor)
    );
    listView.setDivider(myColor);
    listView.setDividerHeight();
Aj 27
źródło
2

Użyj poniższego kodu w swoim pliku xml

<ListView 
    android:id="@+id/listView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:divider="#000000" 
    android:dividerHeight="1dp">
</ListView> 
Mahesh Suthar
źródło
2
Najlepiej wyjaśnij trochę, dlaczego Twoje rozwiązanie działa. Tylko odpowiedzi na kod mogą rozwiązać problem, ale to niekoniecznie odpowiada na pytanie pytającego.
SuperBiasedMan
1

używając programowo

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

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

za pomocą 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>
Chanaka Weerasinghe
źródło
0

Użyj android:divider="#FF0000"i android:dividerHeight="2px"dla ListView.

<ListView 
android:id="@android:id/list"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:divider="#0099FF"
android:dividerHeight="2px"/>
Aby Mathew
źródło