Android LinearLayout: adicione borda com sombra ao redor de um LinearLayout

Gostaria de criar a mesma borda deste LinearLayout como no exemplo:

Neste exemplo, podemos ver que a borda não é a mesma em todo o linearLayout. Como posso criar isso usando um arquivo drawable XML?

Por enquanto, eu só consigo criar uma borda simples em todo o LinearLayout assim:

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

Tente isso ..

<?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 isso que o CardView existe. CardView | Desenvolvedores Android
É apenas um FrameLayout que suporta elevação em dispositivos pré-pirulito.

<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 isso, você precisa adicionar dependência a build.gradle:

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

Eu obtenho os melhores resultados usando um gráfico de 9 patches.

Você pode simplesmente criar um gráfico de patch 9 individual usando o seguinte editor: http://inloop.github.io/shadow4android/

Exemplo:

O gráfico de 9 patches:

O resultado:

A fonte:

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

Ok, eu sei que é tarde demais. mas eu tinha o mesmo requisito. eu resolvi assim

1. Crie primeiro um arquivo xml (exemplo: border_shadow.xml) na pasta "drawable" e copie o código abaixo para ele.

<?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. agora, no layout em que deseja a sombra (exemplo: LinearLayout), adicione isso no android: background

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

e isso funcionou para mim.

Isto é tão simples:

Crie um arquivo drawable com um gradiente como este:

para sombra abaixo de uma 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 acima de uma 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>

e assim por diante para a sombra direita e esquerda, basta alterar o ângulo do gradiente :)

Como alternativa, você pode usar uma imagem de 9 patches como plano de fundo para seu layout, permitindo sombras mais "naturais":

Resultado:

Coloque a imagem na sua /res/drawablepasta.
Verifique se a extensão do arquivo .9.pngnão está.png

A propósito, isso é uma modificação (reduzida ao tamanho mínimo quadrado) de um recurso existente encontrado na pasta de recursos da API 19 sdk.
Deixei os marcadores vermelhos, pois eles não parecem prejudiciais, como mostra a ferramenta draw9patch.

[EDITAR]

Cerca de 9 patches, caso você nunca tenha tido nada a ver com eles.

Basta adicioná-lo como plano de fundo da sua exibição.

As áreas marcadas em preto (esquerda e superior) se esticarão (vertical, horizontalmente).
As áreas marcadas em preto (à direita, embaixo) definem a "área de conteúdo" (onde é possível adicionar texto ou Visualizações - você pode chamar as regiões não marcadas de "preenchimento", se desejar).

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

Você cria um arquivo .xml no drawable com o nome 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>

Então:

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

Use esta linha única e espero que você consiga o melhor resultado;

uso: android:elevation="3dp" ajuste o tamanho conforme necessário e esta é a melhor e mais simples maneira de obter a sombra como botões e outras sombras padrão do Android. Deixe-me saber se funcionou!

Se você já possui a borda da forma, adicione a elevação:

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

1. Primeiro, crie um nome de arquivo xml shadow.xml na pasta "drawable" e copie o código abaixo para ele.

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

Em seguida, adicione a lista de camadas como plano de fundo no seu 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>

Eu sei que é tarde, mas poderia ajudar alguém.

Você pode usar um constraintLayout e adicionar a seguinte propriedade no xml,

        android:elevation="4dp"

Eu encontrei a melhor maneira de resolver isso.

1. Você precisa definir um plano de fundo retangular sólido no layout.

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

3. No conjunto de layouts pai android:clipToPadding="false"