Android LinearLayout: LinearLayout çevresine gölgeli kenarlık ekleyin

Örnek olarak bu LinearLayout'un aynı sınırını oluşturmak istiyorum:

Bu örnekte, lineerLayout çevresinde sınırın aynı olmadığını görebiliriz. Bunu bir XML çekilebilir dosya kullanarak nasıl oluşturabilirim?

Şimdilik, LinearLayout'un her yerinde şu şekilde sadece basit bir sınır oluşturabildim:

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

Bunu dene..

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

CardView bu yüzden var. CardView | Android Geliştiricileri
Sadece lolipop öncesi cihazlarda yükseltmeyi destekleyen bir FrameLayout.

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

Bunu kullanmak için aşağıdakilere bağımlılık eklemeniz gerekir build.gradle:

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

En iyi görünen sonuçları 9 yama grafiği kullanarak elde ederim.

Aşağıdaki düzenleyiciyi kullanarak tek bir 9 yama grafiği oluşturabilirsiniz: http://inloop.github.io/shadow4android/

Misal:

9 yama grafiği:

Sonuç:

Kaynak:

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

tamam, bunun çok geç olduğunu biliyorum. ama bende de aynı şart vardı. böyle çözdüm

1. İlk olarak "drawable" klasöründe bir xml dosyası (örnek: border_shadow.xml) oluşturun ve aşağıdaki kodu içine kopyalayı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. gölgeyi istediğiniz yerdeki düzeni şimdi (örnek: LinearLayout) android'e ekleyin: arka plan

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

ve bu benim için çalıştı.

Bu çok basit:

Bunun gibi bir degradeye sahip bir çekilebilir dosya oluşturun:

bir görünümün altındaki gölge için 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>

bir görünümün üzerindeki gölge için 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>

ve bu şekilde sağ ve sol gölge için sadece degradenin açısını değiştirin :)

Alternatif olarak, mizanpajınız için arka plan olarak daha "doğal" gölgeler sağlayan bir 9 yama resmi kullanabilirsiniz:

Sonuç:

Resmi /res/drawableklasörünüze koyun .
Emin olun dosya uzantısıdır .9.pngdeğil.png

Bu arada, bu, API 19 sdk kaynaklar klasöründe bulunan mevcut bir kaynağın değiştirilmiş (minimum kare boyutuna indirgenmiştir).
Draw9patch aracında gösterildiği gibi zararlı görünmedikleri için kırmızı işaretleri bıraktım.

[DÜZENLE]

Onlarla hiçbir ilginiz yoksa diye yaklaşık 9 yama.

Görünümünüzün arka planı olarak eklemeniz yeterlidir.

Siyah işaretli alanlar (sol ve üst) uzayacaktır (dikey, yatay).
Siyah işaretli alanlar (sağ, alt) "içerik alanını" (metin veya Görünüm eklemenin mümkün olduğu yerlerde - isterseniz işaretlenmemiş bölgeleri "dolgu" olarak adlandırabilirsiniz) tanımlar.

Öğretici: http://radleymarx.com/blog/simple-guide-to-9-patch/

Drop_shadow.xml adıyla çekilebilir bir .xml dosyası oluşturursunuz:

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

Sonra:

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

Bu tek satırı kullanın ve umarız en iyi sonucu alırsınız;

Kullanım: android:elevation="3dp" Boyutu istediğiniz kadar ayarlayın ve bu, düğmeler ve diğer varsayılan android gölgeleri gibi gölge elde etmenin en iyi ve en basit yoludur. İşe yarayıp yaramadığını bana bildirin!

Zaten şekilden kenarlığa sahipseniz, sadece yükseklik ekleyin:

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

1. İlk olarak "drawable" klasöründe bir xml dosya adı shadow.xml oluşturun ve aşağıdaki kodu içine kopyalayın.

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

Ardından katman listesini LinearLayout'unuza arka plan olarak ekleyin.

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

Ya Mehdi aj --- Göreceli Düzen için

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

Geç olduğunu biliyorum ama birine yardımcı olabilir.

Bir constraintLayout kullanabilir ve aşağıdaki özelliği xml'ye ekleyebilirsiniz,

        android:elevation="4dp"

Bununla başa çıkmanın en iyi yolunu buldum.

1. Düzende düz bir dikdörtgen arka plan ayarlamanız gerekir.

2. Bu kodu kullanın - ViewCompat.setElevation(view , value)

3. Üst düzen kümesinde android:clipToPadding="false"