Comment changer la couleur de la ligne de séparation Android ListView?

400

Je veux changer la couleur de la ListViewligne de séparation. Toute aide serait appréciée.

android android-listview

— UMAR
source

765

Vous pouvez définir cette valeur dans un fichier xml de mise en page à l'aide de android:divider="#FF0000". Si vous changez la couleur / le dessin, vous devez également régler / réinitialiser la hauteur du séparateur.

<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
source

11

Vous devriez également pouvoir spécifier une Drawableressource dans android:divider. Le séparateur existant est un dégradé.

— CommonsWare

62

Si vous le faites en XML, assurez-vous de voir également la hauteur en utilisant android: dividerHeight sinon vous n'obtiendrez aucune ligne

— Eric Novins

8

D'après mon expérience, lire "devrait réinitialiser la hauteur du séparateur" à "doit définir la hauteur du séparateur"

— dpjanes

44

Je ne recommanderais pas d'utiliser l' pxunité pour définir les tailles dans Android, utilisez dpplutôt

— Marek Sebera

12

Il semble qu'il puisse y avoir une bonne raison d'utiliser px dans ce cas spécifique. Voir: stackoverflow.com/a/12061612/10505

— greg7gkb

163

Ou vous pouvez le coder:

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

J'espère que cela aide

— Asher Aslan
source

Parfait, mes articles étaient sur un fond dégradé rougeâtre et votre effet les a rendus magnifiques !!

— Darkendorf

1

si vous étendez ListActivity, remplacez mylist par getListView ()

— Aziz

87

Pour une seule ligne de couleur, utilisez:

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

Il est important que DividerHeight soit défini après le séparateur , sinon vous n'obtiendrez rien.

— htafoya
source

1

Merci, j'ai appelé setDividerHeight () avant setDivider () et aucun séparateur n'a été affiché.

— Andreas Klöber

3

Commentaire très utile sur l'ordre des opérations. Je viens de passer 2 heures à essayer de le faire fonctionner. Beau design, Android.

— Nick Frolov

12

Vous pouvez également obtenir les couleurs de vos ressources en utilisant:

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

— BitBlt
source

10

Version XML pour @Asher Aslan cool effect.

<?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>

Nommez cette forme comme: list_driver.xml sous le dossier 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" />

— Peter Nguyen
source

6

Il y a deux façons de faire la même chose:

Vous pouvez définir la valeur de android: divider = "# FFCCFF" dans le fichier xml de mise en page. Avec cela, vous devez également spécifier la hauteur du diviseur comme cet androïde: 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>

Vous pouvez également le faire en programmant ...

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

— Aj 27
source

2

Utilisez le code ci-dessous dans votre fichier 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
source

2

Il vaut mieux expliquer un peu pourquoi votre solution fonctionne. Seules les réponses codées peuvent résoudre le problème, mais cela ne répond pas nécessairement à la question du demandeur.

— SuperBiatedMan

1

utiliser par programmation

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

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

en utilisant 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
source

0

Utilisez android:divider="#FF0000"et android:dividerHeight="2px"pour 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
source