Как настроить тень в каждой ячейке ListView?

У меня есть пользовательская ячейка для Android ListView. Эта настраиваемая ячейка является относительной компоновкой с некоторыми видами внутри. Между каждой ячейкой есть пробел, поэтому я хочу добавить к нижней части ячейки тень.

Я гулял, но ничего не нашел? Я хочу добиться чего-то подобного:

Спасибо!

Ответы

Ответ 1

Можно сделать двумя способами:

9-патч-изображения - нажмите ссылку для понимания 9 патчей

Использование списка слоев - создайте новый файл в файле res/drawable, который содержит:

 <?xml version="1.0" encoding="utf-8"?>
   <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
     <item >
        <shape 
          android:shape="rectangle">
              <solid android:color="@android:color/darker_gray" />
              <corners android:radius="5dp"/>
        </shape>
     </item>
     <item android:right="1dp" android:left="1dp" android:bottom="2dp">
        <shape 
          android:shape="rectangle">
              <solid android:color="@android:color/white"/>
              <corners android:radius="5dp"/>
        </shape>
     </item>
   </layer-list>

Затем добавьте этот файл списка слоев в качестве фона в свой макет списка элементов (например, Linearlayout или т.д.).

Ответ 2

Самый простой способ - создать тень в 9-патче. Пример такого типа:

Это намного больше, чем нужно, как 9-патч, но я хотел сделать его более крупным, например, ради.

Ответ 3

i применяю этот список слоев в качестве фона в вашем элементе списка элементов, выбранный цвет отключен....

    <?xml version="1.0" encoding="utf-8"?>
   <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
     <item >
        <shape 
          android:shape="rectangle">
              <solid android:color="@android:color/darker_gray" />
              <corners android:radius="5dp"/>
        </shape>
     </item>
     <item android:right="1dp" android:left="1dp" android:bottom="2dp">
        <shape 
          android:shape="rectangle">
              <solid android:color="@android:color/white"/>
              <corners android:radius="5dp"/>
        </shape>
     </item>
   </layer-list>

Ответ 4

Я еще не тестировал ваш точный сценарий, но вот как вы добавили бы прозрачный разделитель в представление списка:

<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="@android:color/transparent"
    android:dividerHeight="4dip"/>

</LinearLayout>

Это то, что вам нужно, если вы хотите добавить теневую линию программно.

<?xml version="1.0" encoding="utf-8"?>  
<shape xmlns:android="http://schemas.android.com/apk/res/android"  
    android:shape="rectangle">  
    <solid android:color="@android:color/transparent" />  
    <stroke   
        android:layout_marginLeft="10dip"
        android:layout_marginRight="10dip"
        android:width="match_content"   
        android:color="@color/black"  />  
    <size android:height="1dp" />
</shape>

Цвет штриха может не отображаться как черный, поскольку он отображается поверх альфа-слоя. Кроме того, в настоящее время он рисует четыре стороны прямоугольника, а не только нижнюю сторону. (Мне нужно будет продолжить исследование этих двух проблем).

См. этот учебник, если вам нужна помощь в выяснении того, как связать все вместе.

Ответ 5

Создайте прямоугольник слоя, который выйдет из-под него и задайте свой собственный вид сотового фона в его xml.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <!--shadow to bottom and right-->
    <!--by pushing offset from top and left-->
    <!--then set foreground-color in android:background in xml-->
    <item
        android:left="2dp"
        android:right="0dp"
        android:top="2dp"
        android:bottom="0dp">
        <shape
            android:shape="rectangle">
            <solid android:color="@android:color/darker_gray" />
        </shape>
    </item>
</layer-list>

in your cell.xml:

<RelativeLayout
    android:layout_width="match_content"
    android:layout_height="wrap_content"
    android:background="@drawable/shadow">

    <RelativeLayout 
        android:id="@+id/cell_stuff"
        android:layout_width="match_content"
        android:layout_height="match_content"
        android:background="@android:color/holo_orange_light">

        <!--cell stuff-->

    </RelativeLayout>

</RelativeLayout>

ИЛИ все-в-одном

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <!--shadow to bottom and right-->
    <!--by pushing offset from top and left-->
    <item
        android:left="2dp"
        android:right="0dp"
        android:top="2dp"
        android:bottom="0dp">
        <shape
            android:shape="rectangle">
            <solid android:color="@android:color/darker_gray" />
        </shape>
    </item>
    <!--foreground-color to cover over non-shadow-->
    <!--need to also offset in opposite direction-->
    <item
        android:left="0dp"
        android:right="2dp"
        android:top="0dp"
        android:bottom="2dp">
        <shape
            android:shape="rectangle">
            <solid android:color="@android:color/holo_orange_light"/>
        </shape>
    </item>
</layer-list>

in your cell.xml:

<RelativeLayout
    android:layout_width="match_content"
    android:layout_height="wrap_content"
    android:background="@drawable/shadow_allinone">

    <!--cell stuff-->

</RelativeLayout>