Add elevation/shadow on toolbar for pre-lollipop devices

by

For Android 5.0 and above : AppBarLayout automatically provides/gives shadow in the layout.
You can also increase the elevation of the AppBarLayout by app:elevation="4dp".

For Pre-Lollipop : You can use the following link: https://github.com/vipulasri/Toolbar-Elevation-Pre-Lollipop

Note: Toolbar also supports elevation to it, using android:elevation="4dp"

New Update: In Appcompat v24.0.0, you can not set elevation to AppBarLayout using setElevation() and app:elevation as these are deprecated.

You have to use stateListAnimator property to set elevation now.

Note: set duration to 1ms in StateListAnimator in order to avoid delay in Elevation Drawing.

AppBarLayout elevation change is delayed on appCompat v24.0.0

appbar_always_elevated.xml in animator-v21 folder under res directory.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <objectAnimator android:propertyName="elevation"
                    android:valueTo="8dp" 
                    android:valueType="floatType"
                    android:duration="1"/>
</item>
</selector>

In AppbarLayout : 

<android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:fitsSystemWindows="true"
        android:stateListAnimator="@animator/appbar_always_elevated"
        android:theme="@style/AppTheme.AppBarOverlay">

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

More Related Contents:

  1. This Activity already has an action bar supplied by the window decor
  2. How to make Toolbar transparent?
  3. No shadow by default on Toolbar?
  4. Toolbar navigation icon never set
  5. How to use a TabLayout with Toolbar inside CollapsingToolbarLayout?
  6. How to change Toolbar Navigation and Overflow Menu icons (appcompat v7)?
  7. Toolbar.inflateMenu seems to do nothing
  8. CollapsingToolbarLayout setTitle() does not update unless collapsed
  9. Android API 21 Toolbar Padding
  10. Dynamic form with repeating form
  11. MonoDroid: Error when calling constructor of custom view – TwoDScrollView
  12. Display badge on top of bottom navigation bar’s icon
  13. Why is my smallIcon for Notifications always greyed out?
  14. Android Material: Status bar color won’t change
  15. How to change the new TabLayout indicator color and height
  16. Android Circular Determinate ProgressBar
  17. How I can remove the unnecessary top padding of the Navigation view?
  18. How to programmatically add a submenu item to the new material design android support library
  19. Change navigation bar icon color on Android
  20. How to set a ripple effect on textview or imageview on Android?
  21. FloatingActionButton with text instead of image
  22. Android v21 Theme.Appcompat color accent is ignored, no padding on dialogs
  23. transparent Actionbar with AppCompat-v7 21
  24. MvvmCross Android – Alternative to RelativeSource binding for button command
  25. Display ActionMode over Toolbar
  26. Blinking screen on image transition between activities
  27. Manage toolbar’s navigation and back button from fragment in android
  28. Android CollapsingToolbarLayout with custom View
  29. How to use setOutlineProvider instead of setOutline in Lollipop
  30. How to remove white underline in a SearchView widget in Toolbar Android

Leave a Comment