Android LinearLayout: Fügen Sie einen Rahmen mit Schatten um ein LinearLayout hinzu

Ich möchte den gleichen Rand dieses LinearLayout wie im Beispiel erstellen:

In diesem Beispiel können wir sehen, dass der Rand rund um das lineare Layout nicht gleich ist. Wie kann ich dies mit einer XML-Zeichnungsdatei erstellen?

Im Moment kann ich nur einen einfachen Rahmen um das LinearLayout herum erstellen:

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

Versuche dies..

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

Deshalb gibt es CardView. CardView | Android-Entwickler
Es ist nur ein FrameLayout, das das Erhöhen in Pre-Lollipop-Geräten unterstützt.

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

Um dies zu verwenden, müssen Sie Abhängigkeit hinzufügen zu build.gradle:

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

Ich erhalte die besten Ergebnisse mit einer 9-Patch-Grafik.

Sie können einfach eine individuelle 9-Patch-Grafik mit dem folgenden Editor erstellen: http://inloop.github.io/shadow4android/

Beispiel:

Die 9-Patch-Grafik:

Das Ergebnis:

Die Quelle:

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

Okay, ich weiß, das ist viel zu spät. aber ich hatte die gleiche Anforderung. Ich habe so gelöst

1.Erstellen Sie zunächst eine XML-Datei (Beispiel: border_shadow.xml) im Ordner "drawable" und kopieren Sie den folgenden Code hinein.

<?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. Fügen Sie nun in dem Layout, in dem Sie den Schatten sehen möchten (Beispiel: LinearLayout), diesen in android: background hinzu

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

und das hat bei mir funktioniert.

Das ist so einfach:

Erstellen Sie eine zeichnbare Datei mit einem Verlauf wie folgt:

für Schatten unter einer Ansicht 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>

für Schatten über einer Ansicht 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>

und so weiter für rechten und linken Schatten ändern Sie einfach den Winkel des Verlaufs :)

Alternativ können Sie ein 9-Patch-Bild als Hintergrund für Ihr Layout verwenden, um "natürlichere" Schatten zu erzielen:

Ergebnis:

Legen Sie das Bild in Ihren /res/drawableOrdner.
Stellen Sie sicher, dass die Dateierweiterung .9.pngnicht lautet.png

Dies ist übrigens eine Änderung (reduziert auf die minimale quadratische Größe) einer vorhandenen Ressource, die im API 19 sdk-Ressourcenordner gefunden wird.
Ich habe die roten Markierungen verlassen, da sie nicht schädlich zu sein scheinen, wie im draw9patch-Tool gezeigt.

[BEARBEITEN]

Ungefähr 9 Patches, falls Sie nie etwas damit zu tun hatten.

Fügen Sie es einfach als Hintergrund Ihrer Ansicht hinzu.

Die schwarz markierten Bereiche (links und oben) werden gedehnt (vertikal, horizontal).
Die schwarz markierten Bereiche (rechts, unten) definieren den "Inhaltsbereich" (wo Sie Text oder Ansichten hinzufügen können - Sie können die nicht markierten Bereiche "Auffüllen" nennen, wenn Sie möchten).

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

Sie erstellen eine XML-Datei in drawable mit dem Namen 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>

Dann:

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

Verwenden Sie diese einzelne Zeile und hoffentlich erzielen Sie das beste Ergebnis.

Verwendung: android:elevation="3dp" Passen Sie die Größe so weit an, wie Sie möchten. Dies ist der beste und einfachste Weg, um Schatten wie Schaltflächen und andere Standard-Android-Schatten zu erzielen. Lassen Sie mich wissen, ob es funktioniert hat!

Wenn Sie den Rand bereits von der Form haben, fügen Sie einfach die Höhe hinzu:

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

1.Erstellen Sie zunächst einen XML-Dateinamen shadow.xml im Ordner "drawable" und kopieren Sie den folgenden Code hinein.

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

Fügen Sie dann die Ebenenliste als Hintergrund in Ihr LinearLayout ein.

<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 --- für 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>

Ich weiß, dass es spät ist, aber es könnte jemandem helfen.

Sie können ein ConstraintLayout verwenden und die folgende Eigenschaft in die XML-Datei einfügen:

        android:elevation="4dp"

Ich habe den besten Weg gefunden, dies anzugehen.

1. Sie müssen einen festen rechteckigen Hintergrund für das Layout festlegen.

2. Verwenden Sie diesen Code - ViewCompat.setElevation(view , value)

3. Auf dem übergeordneten Layoutsatz android:clipToPadding="false"