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

Ich würde gern die gleiche Grenze von linearlayout als Beispiel :

In diesem Beispiel können wir sehen, dass die Grenze ist nicht das gleiche alles rund um das linearLayout.
Wie kann ich diese mit einem xml-drawable-Datei ?

Jetzt habe ich nur in der Lage, erstellen Sie eine einfache Grenze, die alle um das linearlayout wie diese :

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

Kommentar zu dem Problem - Öffnen

Sie können mit background - Eigenschaft für die...erstellen Sie eine XML-Datei, mit Formen wie Rechteck, Farbe und Schatten-Effekt für es und legen Sie es als hintergrund für Ihren linearen Aufbau.. Kommentarautor: Pragnesh Ghoda シ

verwenden Sie Strich für graue border und padding Wirkung zu Kommentarautor: Pragnesh Ghoda シ

Ich denke,dass seine zwei layout-xml,sagen, man ist linear layout und die innere relative layout mit Polsterung Kommentarautor: Giru Bhai

@Prag ist Könnten Sie mir helfen für die Erstellung dieser xml-Datei, bitte ? Kommentarautor: wawanopoulos

Ein alternativer Weg könnte sein, mit einem 9-patch-Bild als hintergrund für Ihr layout. Dies würde es ermöglichen, für eine wirklich glatte, fading shadow (sehr realistisch, meiner Meinung nach). Kommentarautor: Kling Klang

InformationsquelleAutor der Frage wawanopoulos | 2014-06-07

174

Versuchen Sie, diese..

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

InformationsquelleAutor der Antwort Hariharan

Deshalb CardView vorhanden ist. CardView | Android Developers

Es ist nur ein FrameLayout, unterstützt die Erhebung in pre-lollipop-Geräte.

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

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

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

InformationsquelleAutor der Antwort Ray Suhyun Lee

45

Bekomme ich die besten Ergebnisse, indem Sie eine 9-patch Grafik.

Können Sie einfach erstellen Sie eine einzelne 9-patch Grafik ein, indem Sie den folgenden editor:
http://inloop.github.io/shadow4android/

Beispiel:

Die 9-patch Grafik:

Das Ergebnis:

Quelle:
```
<LinearLayout
android:layout_width="200dp"
android:layout_height="200dp"
android:orientation="vertical"
android:background="@drawable/my_nine_patch"
```
InformationsquelleAutor der Antwort funcoder

okay, ich weiß, das ist viel zu spät. aber ich hatte die gleiche Anforderung. ich löste wie dieser

1.Zuerst erstellen Sie eine xml-Datei (Beispiel: border_shadow.xml) in "drawable"
Ordner und kopiere den code unten 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.jetzt auf dem layout, wo Sie wollen, dass die Schatten(Beispiel: LinearLayout) fügen Sie diese in 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">

ist und dass für mich gearbeitet.

InformationsquelleAutor der Antwort user3619170

16

Als alternative, können Sie eine 9-patch-Bild als hintergrund für das layout, so dass für mehr "Natürliche" Schatten:

Ergebnis:

Setzen Sie das Bild in Ihrem /res/drawable Ordner.

Stellen Sie sicher, dass die Datei-Erweiterung ist .9.png, nicht .png

Durch die Art und Weise, das ist eine modifizierte (reduziert auf das minimum-Quadrat-Größe) von einer vorhandenen Ressource gefunden in der API-19-sdk Ordner Ressourcen.

Ich verließ den roten Marker, da Sie scheinen nicht schädlich zu sein, wie in dem tool draw9patch.

[BEARBEITEN]

Etwa 9 patches, im Fall Sie hatte nie etwas mit Ihnen zu tun.

Einfach fügen Sie es als hintergrund für die Anzeigen.

Den schwarz markierten Bereiche (Links und oben) stretch (vertikal, horizontal).

Die schwarz markierten Bereiche (rechts, unten) definieren Sie den "content-Bereich" (wo es möglich ist, text hinzufügen oder Ansichten - Sie können rufen Sie die nicht gekennzeichneten Regionen "Auffüllen", wenn Sie möchten).

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

InformationsquelleAutor der Antwort Kling Klang

Dies ist so einfach:

Erstellen Sie ein drawable-Datei mit einem Verlauf wie diese:

shadow-unten ein Blick 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>

shadow-oben ein Blick 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 die Rechte und linke Schatten ändern Sie einfach den Winkel des Verlaufs 🙂

InformationsquelleAutor der Antwort Morteza Rastgoo

Erstellen Sie eine Datei .xml 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"/>

InformationsquelleAutor der Antwort Anh Duy

0

Fand ich der beste Weg, um diese Situation zu bewältigen.
1. Müssen Sie eine solide Rechteck hintergrund auf das layout.
2. Verwenden Sie diese code - ViewCompat.setElevation(view , value)
3. Auf die Eltern-layout-set android:clipToPadding="false"
InformationsquelleAutor der Antwort Sarthak Gandhi

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>

InformationsquelleAutor der Antwort سیدرسول میرعظیمی

0

Können Sie erzeugen einen Schatten mit dieser Website: http://inloop.github.io/shadow4android/.
Festlegen von Parametern und laden 9-patch.png-Datei.

InformationsquelleAutor der Antwort CoolMind

-2

Können Sie es mit 9-patch Grafik, aber es ist der falsche Weg, weil Sie müssen, verwenden Sie png-Datei. Ich glaube, Sie sollten xml-Datei (drawable-Datei).
Versuchen Sie, verwenden Sie diesen code

activity_main.xml

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="10dp"
android:orientation="vertical">
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="3dp"
    android:layout_marginLeft="3dp"
    android:layout_marginRight="3dp"
    android:background="@drawable/gradient_top"/>
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">
    <LinearLayout
        android:layout_width="3dp"
        android:layout_height="match_parent"
        android:layout_marginBottom="3dp"
        android:background="@drawable/gradient_left"/>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginRight="3dp"
            android:layout_marginBottom="3dp"
            android:background="@color/md_white_1000"
            android:orientation="vertical">

        </LinearLayout>

    <LinearLayout
        android:layout_width="3dp"
        android:layout_height="match_parent"
        android:layout_marginLeft="-4dp"
        android:layout_marginBottom="3dp"
        android:background="@drawable/gradient_right"/>
</LinearLayout>
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="3dp"
    android:layout_marginTop="-4dp"
    android:layout_marginLeft="3dp"
    android:layout_marginRight="3dp"
    android:background="@drawable/gradient_bottom"/>

gradient_top.xml

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

gradient_left.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
    android:startColor="#dadada"
    android:endColor="#f2f2f2"
    android:angle="180"/>
</shape>

gradient_right.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
    android:startColor="#dadada"
    android:endColor="#f2f2f2"
    android:angle="0"/>
</shape>

gradient_bottom.xml

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

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

InformationsquelleAutor der Antwort Takhir Atamuratov

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.