Como mudar a cor da linha separadora do Android ListView?

400

Eu quero mudar a cor da ListViewlinha separadora. Qualquer ajuda seria apreciada.

android android-listview

— UMAR
fonte

765

Você pode definir esse valor em um arquivo xml de layout usando android:divider="#FF0000". Se você estiver alterando a cor / desenho, também precisará definir / redefinir a altura do divisor.

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

11

Você também deve poder especificar um Drawablerecurso android:dividertambém. O divisor existente é um gradiente.

— CommonsWare

62

Se você fazê-lo em make XML deixe de ver a altura, bem usando android: dividerHeight caso contrário você terá nenhuma linha

— Eric Novins

8

Pela minha experiência, leia "deve redefinir a altura do divisor" para "deve definir a altura do divisor"

— dpjanes

44

Eu não recomendo o uso pxda unidade para definir os tamanhos em Android, utilize dpvez

— Marek Sebera

12

Parece que pode haver uma boa razão para usar px neste caso específico. Veja: stackoverflow.com/a/12061612/10505

— greg7gkb

163

Ou você pode codificá-lo:

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

Espero que ajude

— Asher Aslan
fonte

Perfeito, meus itens estavam em um fundo gradiente avermelhado e seu efeito os tornou magníficos !!

— Darkendorf

11

se você estender ListActivity, substitua mylist por getListView ()

— Aziz

87

Para uma única linha de cor, use:

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

É importante que DividerHeight seja definido após o divisor , caso contrário você não receberá nada.

— htafoya
fonte

11

Obrigado, chamei setDividerHeight () antes de setDivider () e nenhum divisor foi mostrado.

— Andreas Klöber

3

Comentário muito útil sobre a ordem das operações. Passei apenas duas horas tentando fazê-lo funcionar. Bom design, Android.

— Nick Frolov

12

Você também pode obter as cores de seus recursos usando:

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

— BitBlt
fonte

10

Versão XML para o efeito legal @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>

Nome para essa forma como: list_driver.xml na pasta 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
fonte

6

Existem duas maneiras de fazer o mesmo:

Você pode definir o valor do android: divider = "# FFCCFF" no arquivo xml de layout. Com isso, você também deve especificar a altura do divisor como este andróide: 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>

Você também pode fazer isso programaticamente ...

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

— Aj 27
fonte

2

Use o código abaixo no seu arquivo 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
fonte

2

É melhor explicar um pouco sobre por que sua solução funciona. As respostas apenas de código podem corrigir o problema, mas isso não necessariamente responde à pergunta do solicitante.

— SuperBiasedMan

1

usando programaticamente

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

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

usando 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
fonte

0

Use android:divider="#FF0000"e android:dividerHeight="2px"para o 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
fonte