android Toolbar can not show shadow

Question

Here is my xml code: ```

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
                                                 xmlns:app="http://schemas.android.com/apk/res-auto"
                                                 xmlns:tools="http://schemas.android.com/tools"
                                                 android:layout_width="match_parent"
                                                 android:layout_height="match_parent"
                                                 tools:context="xxxxxxxxx">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppThemeMD.NoActionBar.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@color/white"
            app:theme="@style/AppThemeBase"/>

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_vehicle_info"/>
</android.support.design.widget.CoordinatorLayout>

```

1.When I run my app.I Can't see shadow of Toolbar.

2.But when I switch to another app,then switch back to my app.The shadow appeared.

Anyway to show shadow default?thx!

And here is my phone: Huawei 6x,Android7.0

There is my phone:Huawei 6X,Android 7.0. – Fan Applelin Jul 05 '17 at 08:21 — Fan Applelin, Jul 05 '17 at 08:21
add android:elevation="4dp" on toolbar – akhilesh0707 Jul 05 '17 at 08:24 — akhilesh0707, Jul 05 '17 at 08:24
try this https://stackoverflow.com/a/29424141/1548824 – akhilesh0707 Jul 05 '17 at 08:27 — akhilesh0707, Jul 05 '17 at 08:27

score 1 · Answer 1 · answered Jul 05 '17 at 08:24

1

put this in your code (onCreate() )

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    // Call some material design APIs here
    toolbar.setElevation(3) 
}

answered Jul 05 '17 at 08:24

Karim

322
1
10

so in this case you test in a device have sdk < 21 – Karim Jul 05 '17 at 08:32
No.I test in Android 7.0.OTL – Fan Applelin Jul 05 '17 at 08:44

Karim · Answer 2 · 2017-07-05T08:57:19.423

1

add this in your AndroidManifest.xml

<application
  ...
  android:hardwareAccelerated="true">

and add this in your toobar.xml :

android:clipToPadding="false"

edited Jul 05 '17 at 08:57

answered Jul 05 '17 at 08:51

Karim

322
1
10

score 0 · Answer 3 · edited Aug 14 '18 at 18:24

You should add android:elevation = "4dp" to your Toolbar to make it elevated always as in:

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppThemeMD.NoActionBar.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:elevation = "4dp"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/white"
        app:theme="@style/AppThemeBase"/>

</android.support.design.widget.AppBarLayout>

android Toolbar can not show shadow

3 Answers3