Android "elevasi" tidak menunjukkan bayangan

Saya memiliki ListView, dan dengan setiap item daftar, saya ingin menampilkan bayangan di bawahnya. Saya menggunakan fitur elevasi baru Android Lollipop untuk menetapkan Z pada Tampilan yang ingin saya buat bayangan, dan saya sudah melakukan ini secara efektif dengan ActionBar (secara teknis Toolbar di Lollipop). Saya menggunakan elevasi Lollipop, tetapi untuk beberapa alasan itu tidak menunjukkan bayangan di bawah daftar item. Berikut adalah cara mengatur tata letak setiap item daftar:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    style="@style/block"
    android:gravity="center"
    android:layout_gravity="center"
    android:background="@color/lightgray"
    >

    <RelativeLayout
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:layout_marginTop="20dp"
        android:layout_marginBottom="20dp"
        android:elevation="30dp"
        >

        <ImageView
            android:id="@+id/documentImageView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop" />

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/alphared"
            android:layout_alignParentBottom="true" >

            <appuccino.simplyscan.Extra.CustomTextView
                android:id="@+id/documentName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/white"
                app:typeface="light"
                android:paddingLeft="16dp"
                android:paddingTop="8dp"
                android:paddingBottom="4dp"
                android:singleLine="true"
                android:text="New Document"
                android:textSize="27sp"/>

            <appuccino.simplyscan.Extra.CustomTextView
                android:id="@+id/documentPageCount"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/white"
                app:typeface="italic"
                android:paddingLeft="16dp"
                android:layout_marginBottom="16dp"
                android:text="1 page"
                android:textSize="20sp"/>

        </LinearLayout>

    </RelativeLayout>

</RelativeLayout>

Namun, di sini adalah bagaimana ia menampilkan item daftar, tanpa bayangan:

Saya juga mencoba yang berikut ini tanpa hasil:

1. Atur elevasi ke ImageView dan TextViews sendiri daripada tata letak induk.
2. Menerapkan latar belakang ke ImageView.
3. Digunakan TranslationZ sebagai pengganti Elevation.

Saya telah bermain-main dengan bayangan di Lollipop sebentar dan inilah yang saya temukan:

1. Tampaknya ikatan orangtua ViewGroupmemotong bayangan anak-anaknya karena suatu alasan; dan
2. bayangan yang diatur dengan batas android:elevationoleh Viewbatas, bukan batas yang diperpanjang melalui margin;
3. cara yang tepat untuk mendapatkan tampilan anak untuk menunjukkan bayangan adalah dengan mengatur bantalan pada orang tua dan mengatur android:clipToPadding="false"pada orang tua itu.

Berikut saran saya kepada Anda berdasarkan apa yang saya ketahui:

1. Setel level atas Anda RelativeLayoutagar memiliki padding yang sama dengan margin yang Anda tetapkan pada tata letak relatif yang ingin Anda tampilkan bayangan;
2. atur android:clipToPadding="false"pada yang sama RelativeLayout;
3. Hapus margin dari RelativeLayoutyang juga memiliki set ketinggian;
4. [EDIT] Anda mungkin juga perlu mengatur warna latar belakang yang tidak transparan pada tata letak anak yang perlu ditinggikan.

Pada akhirnya, tata letak relatif tingkat atas Anda akan terlihat seperti ini:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    style="@style/block"
    android:gravity="center"
    android:layout_gravity="center"
    android:background="@color/lightgray"
    android:paddingLeft="40dp"
    android:paddingRight="40dp"
    android:paddingTop="20dp"
    android:paddingBottom="20dp"
    android:clipToPadding="false"
    >

Tata letak relatif interior akan terlihat seperti ini:

<RelativeLayout
    android:layout_width="300dp"
    android:layout_height="300dp"
    android:background="[some non-transparent color]"
    android:elevation="30dp"
    >

Jika Anda memiliki pandangan tanpa latar belakang, baris ini akan membantu Anda

android:outlineProvider="bounds"

Secara default bayangan ditentukan oleh latar belakang tampilan, jadi jika tidak ada latar belakang, tidak akan ada bayangan juga.

Rupanya, Anda tidak bisa hanya mengatur ketinggian pada Tampilan dan membuatnya muncul. Anda juga perlu menentukan latar belakang.

Baris berikut yang ditambahkan ke LinearLayout saya akhirnya menunjukkan bayangan:

android:background="@android:color/white"
android:elevation="10dp"

satu hal lain yang harus Anda perhatikan, bayangan tidak akan muncul jika Anda memiliki baris ini di manifes:

android: hardwareAccelerated = "false"

Saya mencoba semua hal yang disarankan tetapi itu hanya bekerja untuk saya ketika saya menghapus garis, alasan saya memiliki garis itu karena aplikasi saya bekerja dengan sejumlah gambar bitmap dan mereka menyebabkan aplikasi mogok.

Jika Anda memiliki pandangan tanpa latar belakang, baris ini akan membantu Anda

android:outlineProvider="bounds"

Jika Anda memiliki tampilan dengan latar belakang, baris ini akan membantu Anda

android:outlineProvider="paddedBounds"

Jika Anda menambahkan elevasi ke elemen tombol, Anda perlu menambahkan baris berikut:

android:stateListAnimator="@null"

Lihat Android 5.0 android: elevasi Bekerja untuk Tampilan, tetapi tidak untuk Tombol?

Ugh, baru menghabiskan satu jam mencoba mencari tahu ini. Dalam kasus saya, saya memiliki latar belakang, namun diatur ke warna. Ini tidak cukup, Anda harus memiliki latar belakang tampilan yang ditetapkan untuk digambar.

mis. Ini tidak akan memiliki bayangan:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="165dp"
    android:background="@color/ight_grey"
    android:elevation="20dp"
    android:orientation="vertical"
    />

tapi ini akan

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="165dp"
    android:background="@drawable/selector_grey"
    android:elevation="20dp"
    android:orientation="vertical"
    />

EDIT: Juga menemukan bahwa jika Anda menggunakan pemilih sebagai latar belakang, jika Anda tidak memiliki sudut diatur maka bayangan tidak akan muncul di jendela Pratinjau tetapi akan muncul di perangkat

mis. Ini tidak memiliki bayangan dalam pratinjau:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/white" />
            <stroke
                android:width="1dp"
                android:color="@color/grey"/>
        </shape>
    </item>
</selector>

tetapi ini:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/white" />
            <corners android:radius="1dp" />
            <stroke
                android:width="1dp"
                android:color="@color/grey"/>
        </shape>
    </item>
</selector>

Menambahkan warna latar belakang membantu saya.

<CalendarView
    android:layout_width="match_parent"
    android:id="@+id/calendarView"
    android:layout_alignParentTop="true"
    android:layout_alignParentStart="true"
    android:layout_height="wrap_content"
    android:elevation="5dp"

    android:background="@color/windowBackground"

    />

Kadang suka background="@color/***"atau background="#ff33**"tidak berfungsi, saya ganti background_colordengan drawable, lalu berhasil

Jika masih belum menunjukkan ketinggian coba

    android:hardwareAccelerated="true" 

ini pasti akan membantu Anda.

Jika Anda ingin memiliki latar belakang transparan dan android:outlineProvider="bounds"tidak bekerja untuk Anda, Anda dapat membuat ViewOutlineProvider kustom:

class TransparentOutlineProvider extends ViewOutlineProvider {

    @Override
    public void getOutline(View view, Outline outline) {
        ViewOutlineProvider.BACKGROUND.getOutline(view, outline);
        Drawable background = view.getBackground();
        float outlineAlpha = background == null ? 0f : background.getAlpha()/255f;
        outline.setAlpha(outlineAlpha);
    }
}

Dan atur penyedia ini ke tampilan transparan Anda:

transparentView.setOutlineProvider(new TransparentOutlineProvider());

Sumber: https://code.google.com/p/android/issues/detail?id=78248#c13

[EDIT] Dokumentasi Drawable.getAlpha () mengatakan bahwa itu khusus untuk bagaimana Drawable mengancam alpha. Ada kemungkinan bahwa itu akan selalu mengembalikan 255. Dalam hal ini Anda dapat memberikan alpha secara manual:

class TransparentOutlineProvider extends ViewOutlineProvider {

    private float mAlpha;

    public TransparentOutlineProvider(float alpha) {
        mAlpha = alpha;
    }

    @Override
    public void getOutline(View view, Outline outline) {
        ViewOutlineProvider.BACKGROUND.getOutline(view, outline);
        outline.setAlpha(mAlpha);
    }
}

Jika latar belakang tampilan Anda adalah StateListDrawable dengan warna default # DDFF0000 yaitu dengan alpha DDx0 / FFx0 == 0,86

transparentView.setOutlineProvider(new TransparentOutlineProvider(0.86f));

berikan beberapa warna latar belakang untuk tata letak yang bekerja untuk saya seperti:

    android:background="@color/catskill_white"
    android:layout_height="?attr/actionBarSize"
    android:elevation="@dimen/dimen_5dp"

Saya beruntung dengan pengaturan clipChildren="false"tata letak induk.

Saya menghabiskan beberapa waktu mengerjakannya dan akhirnya menyadari bahwa ketika latar belakang gelap, bayangan tidak terlihat

Menambah jawaban yang diterima, ada satu alasan lagi karena ketinggian yang mungkin tidak berfungsi seperti yang diharapkan jika fitur filter Bluelight pada ponsel AKTIF.

Saya menghadapi masalah ini ketika ketinggian tampak sangat menyimpang dan tak tertahankan di perangkat saya. Tapi ketinggiannya baik-baik saja di pratinjau. Mematikan filter Bluelight di ponsel menyelesaikan masalah.

Begitu pun setelah pengaturan

android:outlineProvider="bounds"

Ketinggian tidak berfungsi dengan benar, maka Anda dapat mencoba mengotak-atik pengaturan warna ponsel.

Saya percaya masalah Anda berasal dari fakta bahwa Anda telah menerapkan elemen elevasi ke tata letak relatif yang mengisi induknya. Induknya memotong semua tampilan anak di dalam kanvas gambarnya sendiri (dan merupakan tampilan yang menangani bayangan anak). Anda dapat memperbaikinya dengan menerapkan properti elevasi ke atas RelativeLayoutdi tampilan xml Anda (tag root).

Dalam kasus saya font adalah masalahnya.

1) Tanpa fontFamilysaya perlu menetapkan android:backgroundbeberapa nilai.

<TextView
    android:layout_width="match_parent"
    android:layout_height="44dp"
    android:background="@android:color/white"
    android:elevation="3dp"
    android:gravity="center"
    android:text="@string/fr_etalons_your_tickets"
    android:textAllCaps="true"
    android:textColor="@color/blue_4" />

2) dengan fontFamilysaya harus menambahkan android:outlineProvider="bounds"pengaturan:

<TextView
    android:fontFamily="@font/gilroy_bold"
    android:layout_width="match_parent"
    android:layout_height="44dp"
    android:background="@android:color/white"
    android:elevation="3dp"
    android:gravity="center"
    android:outlineProvider="bounds"
    android:text="@string/fr_etalons_your_tickets"
    android:textAllCaps="true"
    android:textColor="@color/blue_4" />

Dalam kasus saya, ini disebabkan oleh komponen induk kustom yang menyetel jenis lapisan rendering ke "Software":

setLayerType(View.LAYER_TYPE_SOFTWARE, null);

Menghapus garis ini berhasil. Atau tentu saja Anda perlu mengevaluasi mengapa ini ada di tempat pertama. Dalam kasus saya itu adalah untuk mendukung Honeycomb, yang jauh di belakang SDK minimum saat ini untuk proyek saya.

Periksa juga apakah Anda tidak mengubah alpha pada tampilan itu. Saya sedang menyelidiki masalah ketika saya mengubah alpha pada beberapa tampilan, dengan elevasi. Mereka hanya kehilangan ketinggian ketika alpha diubah dan diubah kembali ke 1f.