How do I style appcompat-v7 Toolbar like Theme.AppCompat.Light.DarkActionBar?

by

The recommended way to style the Toolbar for a Light.DarkActionBar clone would be to use Theme.AppCompat.Light.DarkActionbar as parent/app theme and add the following attributes to the style to hide the default ActionBar:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

Then use the following as your Toolbar:

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
</android.support.design.widget.AppBarLayout>

For further modifications, you would create styles extending ThemeOverlay.AppCompat.Dark.ActionBar and ThemeOverlay.AppCompat.Light replacing the ones within AppBarLayout->android:theme and Toolbar->app:popupTheme. Also note that this will pick up your ?attr/colorPrimary if you have set it in your main style so you might get a different background color.

You will find a good example of this is in the current project template with an Empty Activity of Android Studio (1.4+).

More Related Contents:

  1. Android toolbar center title and custom font
  2. Android transparent status bar and actionbar
  3. Change Toolbar color in Appcompat 21
  4. Toolbar and Contextual ActionBar with AppCompat-v7
  5. Toolbar navigation icon never set
  6. How to change Toolbar Navigation and Overflow Menu icons (appcompat v7)?
  7. Android 5.0: how to change recent apps title color?
  8. Toolbar.inflateMenu seems to do nothing
  9. Null pointer exception with “setDisplayHomeAsUpEnabled(boolean)” [duplicate]
  10. Full Screen Theme for AppCompat
  11. Set theme for a Fragment
  12. Can’t Find Theme.AppCompat.Light for New Android ActionBar Support
  13. Creating a SearchView that looks like the material design guidelines
  14. failed to resolve com.android.support:appcompat-v7:22 and com.android.support:recyclerview-v7:21.1.2
  15. When should one use Theme.AppCompat vs ThemeOverlay.AppCompat?
  16. Material Design not styling alert dialogs
  17. Cannot resolve symbol ‘AppCompatActivity’
  18. Cannot catch toolbar home button click event
  19. Add views below toolbar in CoordinatorLayout
  20. How to get Toolbar from fragment?
  21. Can’t find Toolbar in an included layout
  22. How to display menu item with icon and text in AppCompatActivity
  23. android themes – defining colours in custom themes
  24. Evenly spaced menu items on Toolbar
  25. Display ActionMode over Toolbar
  26. Widget.AppCompat.Button colorButtonNormal shows gray
  27. AppCompat 23.3 Support Vectors no longer work?
  28. How to add android.support.v7.widget.GridLayout into intelliJidea?
  29. How to use setOutlineProvider instead of setOutline in Lollipop
  30. PreferenceFragmentCompat has padding on PreferenceCategory that I can’t get rid of

Leave a Comment