Android LinearLayout: aggiungi un bordo con ombra attorno a un LinearLayout

Vorrei creare lo stesso bordo di questo LinearLayout dell'esempio:

In questo esempio, possiamo vedere che il bordo non è lo stesso attorno a linearLayout. Come posso crearlo usando un file drawable XML?

Per ora, ho solo potuto creare un bordo semplice attorno a LinearLayout in questo modo:

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

Prova questo..

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

Ecco perché CardView esiste. CardView | Sviluppatori Android
È solo un FrameLayout che supporta l'elevazione nei dispositivi pre-lecca-lecca.

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

Per usare questo è necessario aggiungere dipendenza a build.gradle:

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

Ottengo i risultati migliori usando un grafico a 9 patch.

Puoi semplicemente creare un singolo grafico a 9 patch usando il seguente editor: http://inloop.github.io/shadow4android/

Esempio:

La grafica di 9 patch:

Il risultato:

La fonte:

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

okay, so che è troppo tardi. ma avevo lo stesso requisito. ho risolto in questo modo

1.Prima di creare un file xml (esempio: border_shadow.xml) nella cartella "drawable" e copiarvi il codice sottostante.

<?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.Con il layout in cui si desidera l'ombra (esempio: LinearLayout) aggiungere questo in Android: sfondo

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

e quello ha funzionato per me.

Questo è così semplice:

Crea un file disegnabile con una sfumatura come questa:

per l'ombra sotto 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>

per ombra sopra 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>

e così via per l'ombra destra e sinistra basta cambiare l'angolo del gradiente :)

In alternativa, è possibile utilizzare un'immagine 9 patch come sfondo per il layout, consentendo ombre più "naturali":

Risultato:

Metti l'immagine nella tua /res/drawablecartella.
Assicurati che l'estensione del file sia .9.png, no.png

A proposito, si tratta di una modifica (ridotta alla dimensione minima quadrata) di una risorsa esistente trovata nella cartella delle risorse sdk dell'API 19.
Ho lasciato gli indicatori rossi, poiché non sembrano essere dannosi, come mostrato nello strumento draw9patch.

[MODIFICARE]

Circa 9 patch, nel caso in cui non avessi mai avuto nulla a che fare con loro.

Aggiungilo semplicemente come sfondo della tua vista.

Le aree contrassegnate in nero (a sinistra e in alto) si allungheranno (verticalmente, orizzontalmente).
Le aree contrassegnate in nero (a destra, in basso) definiscono "l'area del contenuto" (dove è possibile aggiungere testo o viste - è possibile chiamare le aree non contrassegnate "riempimento", se lo si desidera).

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

Si crea un file .xml in drawable con il 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>

Poi:

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

Usa questa linea singola e spero che otterrai il miglior risultato;

Usa: android:elevation="3dp" regola le dimensioni di cui hai bisogno e questo è il modo migliore e più semplice per ottenere l'ombra come pulsanti e altre ombre Android predefinite. Fammi sapere se ha funzionato!

Se hai già il bordo dalla forma, aggiungi semplicemente elevazione:

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

1.Prima di creare un nome file xml shadow.xml nella cartella "drawable" e copiarvi il codice sottostante.

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

Quindi aggiungi l'elenco dei livelli come sfondo nel tuo 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 --- per 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>

So che è tardi ma potrebbe aiutare qualcuno.

Puoi utilizzare un restringLayout e aggiungere la seguente proprietà nel file XML,

        android:elevation="4dp"

Ho trovato il modo migliore per affrontare questo.

1. È necessario impostare uno sfondo di rettangolo solido sul layout.

2. Usa questo codice - ViewCompat.setElevation(view , value)

3. Sul set di layout principale android:clipToPadding="false"