Как изменить цвет разделительной линии 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, иначе вы не получите ни одной строки
Эрик Новинс,

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);

Надеюсь, поможет


Отлично, мои предметы были на красноватом градиентном фоне, и ваш эффект сделал их великолепными !!
Даркендорф

1
если вы расширяете ListActivity, замените mylist на getListView ()
Aziz

87

Для одной цветовой линии используйте:

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

Важно, что DividerHeight установлен после делителя , иначе вы ничего не получите.


1
Спасибо, я вызвал setDividerHeight () перед setDivider () и делитель не был показан.
Андреас Клёбер

3
Очень полезный комментарий о порядке операций. Я просто потратил 2 часа, пытаясь заставить его работать. Приятный дизайн, Android.
Ник Фролов

12

Вы также можете получить цвета из ваших ресурсов, используя:

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

10

XML версия для @Aher Аслан классный эффект.

<?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 в папке для рисования

<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" в файле макета 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"/>
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.