Android LinearLayout: agrega borde con sombra alrededor de LinearLayout

Me gustaría crear el mismo borde de este LinearLayout como el ejemplo:

En este ejemplo, podemos ver que el borde no es el mismo en todo el diseño lineal. ¿Cómo puedo crear esto usando un archivo dibujable XML?

Por ahora, solo he podido crear un borde simple alrededor de LinearLayout como este:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
  <corners
      android:radius="1dp"
      android:topRightRadius="0dp"
      android:bottomRightRadius="0dp"
      android:bottomLeftRadius="0dp" />
  <stroke
      android:width="1dp"
      android:color="#E3E3E1" />

  <solid android:color="@color/blanc" />

</shape>

Prueba esto..

<?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="#CABBBBBB"/>
            <corners android:radius="2dp" />
        </shape>
    </item>

    <item
        android:left="0dp"
        android:right="0dp"
        android:top="0dp"
        android:bottom="2dp">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/white"/>
            <corners android:radius="2dp" />
        </shape>
    </item>
</layer-list>

Por eso existe CardView. CardView | Desarrolladores de Android
Es solo un FrameLayout que admite la elevación en dispositivos pre-piruletas.

<android.support.v7.widget.CardView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:cardUseCompatPadding="true"
    app:cardElevation="4dp"
    app:cardCornerRadius="3dp" >

    <!-- put whatever you want -->

</android.support.v7.widget.CardView>

Para usar esto, necesita agregar dependencia a build.gradle:

compile 'com.android.support:cardview-v7:23.+'

Obtengo los mejores resultados usando un gráfico de 9 parches.

Simplemente puede crear un gráfico individual de 9 parches utilizando el siguiente editor: http://inloop.github.io/shadow4android/

Ejemplo:

El gráfico de 9 parches:

El resultado:

La fuente:

<LinearLayout
android:layout_width="200dp"
android:layout_height="200dp"
android:orientation="vertical"
android:background="@drawable/my_nine_patch"

Está bien, sé que esto es demasiado tarde. Pero tenía el mismo requisito. resolví así

1. Primero cree un archivo xml (ejemplo: border_shadow.xml) en la carpeta "dibujable" y copie el código a continuación.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >

<item>
    <shape>
        <!-- set the shadow color here -->
        <stroke
            android:width="2dp"
            android:color="#7000" />

        <!-- setting the thickness of shadow (positive value will give shadow on that side) -->

        <padding
            android:bottom="2dp"
            android:left="2dp"
            android:right="-1dp"
            android:top="-1dp" />

        <corners android:radius="3dp" />
    </shape>
</item>

<!-- Background -->

<item>
    <shape>
        <solid android:color="#fff" />
        <corners android:radius="3dp" />
    </shape>
</item>

2.ahora en el diseño donde desea la sombra (ejemplo: LinearLayout) agregue esto en android: fondo

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_margin="8dip"
    android:background="@drawable/border_shadow"
    android:orientation="vertical">

Y eso funcionó para mí.

Esto es muy simple:

Cree un archivo dibujable con un degradado como este:

para sombra debajo de una vista below_shadow.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">   
<gradient
    android:startColor="#20000000"
    android:endColor="@android:color/transparent"
    android:angle="270" >
</gradient>
</shape>

para sombra sobre una vista above_shadow.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">   
<gradient
    android:startColor="#20000000"
    android:endColor="@android:color/transparent"
    android:angle="90" >
</gradient>
</shape>

y así sucesivamente para la sombra derecha e izquierda solo cambia el ángulo del gradiente :)

Como alternativa, puede usar una imagen de 9 parches como fondo para su diseño, permitiendo sombras más "naturales":

Resultado:

Pon la imagen en tu /res/drawablecarpeta.
Asegúrese de que la extensión del archivo sea .9.png, no.png

Por cierto, esta es una modificación (reducida al tamaño cuadrado mínimo) de un recurso existente que se encuentra en la carpeta de recursos API 19 SDK.
Dejé los marcadores rojos, ya que no parecen ser dañinos, como se muestra en la herramienta draw9patch.

[EDITAR]

Alrededor de 9 parches, en caso de que nunca haya tenido nada que ver con ellos.

Simplemente agréguelo como fondo de su Vista.

Las áreas marcadas en negro (izquierda y arriba) se estirarán (verticalmente, horizontalmente).
Las áreas marcadas en negro (derecha, abajo) definen el "área de contenido" (donde es posible agregar texto o Vistas; si lo desea, puede llamar a las regiones sin marcar "relleno").

Tutorial: http://radleymarx.com/blog/simple-guide-to-9-patch/

Crea un archivo .xml en dibujable con el nombre drop_shadow.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--<item android:state_pressed="true">
        <layer-list>
            <item android:left="4dp" android:top="4dp">
                <shape>
                    <solid android:color="#35000000" />
                    <corners android:radius="2dp"/>
                </shape>
            </item>
            ...
        </layer-list>
    </item>-->
    <item>
        <layer-list>
            <!-- SHADOW LAYER -->
            <!--<item android:top="4dp" android:left="4dp">
                <shape>
                    <solid android:color="#35000000" />
                    <corners android:radius="2dp" />
                </shape>
            </item>-->
            <!-- SHADOW LAYER -->
            <item>
                <shape>
                    <solid android:color="#35000000" />
                    <corners android:radius="2dp" />
                </shape>
            </item>
            <!-- CONTENT LAYER -->
            <item android:bottom="3dp" android:left="1dp" android:right="3dp" android:top="1dp">
                <shape>
                    <solid android:color="#ffffff" />
                    <corners android:radius="1dp" />
                </shape>
            </item>
        </layer-list>
    </item>
</selector>

Luego:

<LinearLayout
...
android:background="@drawable/drop_shadow"/>

Use esta línea única y esperemos que logre el mejor resultado;

uso: android:elevation="3dp" ajusta el tamaño todo lo que necesites y esta es la mejor y más simple forma de lograr la sombra como botones y otras sombras predeterminadas de Android. ¡Avísame si funcionó!

Si ya tiene el borde de la forma, simplemente agregue elevación:

<LinearLayout
    android:id="@+id/layout"
    ...
    android:elevation="2dp"
    android:background="@drawable/rectangle" />

1. Primero cree un nombre de archivo xml shadow.xml en la carpeta "dibujable" y copie el código siguiente.

 <?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="#CABBBBBB" />
                <corners android:radius="10dp" />
            </shape>
        </item>

        <item
            android:bottom="6dp"
            android:left="0dp"
            android:right="6dp"
            android:top="0dp">
            <shape android:shape="rectangle">
                <solid android:color="@android:color/white" />
                <corners android:radius="4dp" />
            </shape>
        </item>
    </layer-list>

Luego agregue la lista de capas como fondo en su LinearLayout.

<LinearLayout
        android:id="@+id/header_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/shadow"
        android:orientation="vertical">

Ya Mahdi aj --- para RelativeLayout

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <gradient
                android:startColor="#7d000000"
                android:endColor="@android:color/transparent"
                android:angle="90" >
            </gradient>
            <corners android:radius="2dp" />
        </shape>
    </item>

    <item
        android:left="0dp"
        android:right="3dp"
        android:top="0dp"
        android:bottom="3dp">
        <shape android:shape="rectangle">
            <padding
                android:bottom="40dp"
                android:top="40dp"
                android:right="10dp"
                android:left="10dp"
                >
            </padding>
            <solid android:color="@color/Whitetransparent"/>
            <corners android:radius="2dp" />
        </shape>
    </item>
</layer-list>

Sé que es tarde, pero podría ayudar a alguien.

Puede usar un restrictintLayout y agregar la siguiente propiedad en el xml,

        android:elevation="4dp"

Encontré la mejor manera de abordar esto.

1. Debe establecer un fondo rectángulo sólido en el diseño.

2. Usa este código - ViewCompat.setElevation(view , value)

3. En el conjunto de diseño primario android:clipToPadding="false"