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 2010

62
XMLで行う場合は、android:dividerHeightを使用して高さも確認してください。そうしないと、線が表示されません
Eric Novins

8
私の経験から、「仕切りの高さをリセットする必要があります」から「仕切りの高さを設定する必要があります」に読みます
dpjanes

44
px単位を使用してAndroidでサイズを定義することはお勧めしません。dp代わりに使用してください
Marek Sebera '22

12
この特定のケースでpxを使用するのには十分な理由があるようです。参照:stackoverflow.com/a/12061612/10505
greg7gkb 2013

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は、dividerの後に設定することが重要です。そうしないと、何も得られません。


1
ありがとう、setDivider()の前にsetDividerHeight()を呼び出しましたが、仕切りは表示されませんでした。
AndreasKlöber2012

3
操作の順序について非常に役立つコメント。私はそれを機能させるために2時間費やしました。素敵なデザイン、Android。
Nick Frolov、2014

12

以下を使用して、リソースから色を取得することもできます。

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

10

@Asher Aslanのクールな効果のXMLバージョン。

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

同じことを行うには2つの方法があります。

  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"/>
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.