Come posso applicare lo stile alla barra degli strumenti di appcompat-v7 come Theme.AppCompat.Light.DarkActionBar?

Sto cercando di ricreare l'aspetto di Theme.AppCompat.Light.DarkActionBarcon la nuova barra degli strumenti della libreria di supporto.

Se scelgo la Theme.AppCompat.Lightmia barra degli strumenti sarà chiara e se scelgo Theme.AppCompatsarà scura. (Tecnicamente devi usare la .NoActionBarversione, ma per quanto posso dire l'unica differenza è

<style name="Theme.AppCompat.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="android:windowNoTitle">true</item>
</style>

Ora non c'è, Theme.AppCompat.Light.DarkActionBarma ingenuamente ho pensato che sarebbe stato abbastanza buono per crearne uno mio

<style name="Theme.AppCompat.Light.DarkActionBar.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="android:windowNoTitle">true</item>
</style>

Tuttavia con questo le mie barre degli strumenti sono ancora a Lighttema. Ho passato ore a provare diverse combinazioni di mescolare il tema Dark (base) e il tema Light, ma non riesco a trovare una combinazione che mi consenta di avere sfondi chiari su tutto tranne che sulle barre degli strumenti.

C'è un modo per ottenere l' AppCompat.Light.DarkActionBaraspetto con import android.support.v7.widget.Toolbar's?

Il modo consigliato per Light.DarkActionBardefinire lo stile della barra degli strumenti per un clone sarebbe quello di utilizzare Theme.AppCompat.Light.DarkActionbarcome tema principale / app e aggiungere i seguenti attributi allo stile per nascondere la ActionBar predefinita:

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

Quindi utilizza quanto segue come barra degli strumenti:

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

Per ulteriori modifiche, creerai stili che estendono ThemeOverlay.AppCompat.Dark.ActionBare ThemeOverlay.AppCompat.Lightsostituiscono quelli all'interno di AppBarLayout->android:themee Toolbar->app:popupTheme. Nota anche che questo raccoglierà il tuo file?attr/colorPrimary se lo hai impostato nel tuo stile principale in modo da poter ottenere un colore di sfondo diverso.

Troverai un buon esempio di ciò nel modello di progetto corrente con Empty ActivityAndroid Studio (1.4+).

Modifica: dopo l'aggiornamento ad appcompat-v7: 22.1.1 e l'utilizzo al AppCompatActivityposto del ActionBarActivitymio styles.xml appare come:

<style name="AppBaseTheme" parent="Theme.AppCompat.Light">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="theme">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item>
</style>

Nota: questo significa che sto utilizzando un Toolbarfornito dal framework (NON incluso in un file XML).

Questo ha funzionato per me:
file styles.xml:

<style name="AppBaseTheme" parent="Theme.AppCompat.Light">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="windowActionBar">false</item>
    <item name="theme">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item>
</style>

Aggiornamento: una citazione dal blog di Gabriele Mariotti .

Con la nuova barra degli strumenti puoi applicare uno stile e un tema. Sono diversi! Lo stile è locale alla visualizzazione della barra degli strumenti, ad esempio il colore di sfondo. L'app: theme è invece globale per tutti gli elementi dell'interfaccia utente gonfiati nella barra degli strumenti, ad esempio il colore del titolo e delle icone.

Ok, dopo aver sprecato molto tempo in questo problema, questo è il modo in cui sono riuscito a ottenere l'aspetto che speravo. La sto creando come una risposta separata in modo da poter ottenere tutto in un unico posto.

È una combinazione di fattori.

In primo luogo, non cercare di far funzionare bene le barre degli strumenti solo attraverso i temi. Sembra impossibile.

Quindi applica i temi in modo esplicito alle tue barre degli strumenti come nella risposta oRR

layout / toolbar.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_alignParentTop="true"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    app:theme="@style/Dark.Overlay"
    app:popupTheme="@style/Dark.Overlay.LightPopup" />

Tuttavia questa è la salsa magica. Per ottenere effettivamente i colori di sfondo che speravo, devi sovrascrivere l' backgroundattributo nei temi della barra degli strumenti

Valori / styles.xml:

<!-- 
    I expected android:colorBackground to be what I was looking for but
    it seems you have to override android:background
-->
<style name="Dark.Overlay" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:background">?attr/colorPrimary</item>
</style>

<style name="Dark.Overlay.LightPopup" parent="ThemeOverlay.AppCompat.Light">
    <item name="android:background">@color/material_grey_200</item>
</style>

quindi includi semplicemente il layout della barra degli strumenti negli altri layout

<include android:id="@+id/mytoolbar" layout="@layout/toolbar" />

e sei a posto.

Spero che questo aiuti qualcun altro, quindi non devi dedicare tanto tempo a questo come ho fatto io.

(se qualcuno può capire come farlo funzionare usando solo temi, cioè non dovendo applicare i temi esplicitamente nei file di layout, sosterrò invece volentieri la loro risposta)

MODIFICARE:

Quindi apparentemente pubblicare una risposta più completa è stato un magnete a voto negativo, quindi accetterò semplicemente la risposta incompleta sopra, ma lascerò questa risposta qui nel caso in cui qualcuno ne abbia effettivamente bisogno. Sentiti libero di continuare a votare se ti rende felice.

Il modo più pulito che ho trovato per farlo è creare un figlio di " ThemeOverlay.AppCompat.Dark.ActionBar ". Nell'esempio, ho impostato il colore di sfondo della barra degli strumenti su ROSSO e il colore del testo su BLU.

<style name="MyToolbar" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:background">#FF0000</item>
    <item name="android:textColorPrimary">#0000FF</item>
</style>

Puoi quindi applicare il tuo tema alla barra degli strumenti:

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    app:theme="@style/MyToolbar"
    android:minHeight="?attr/actionBarSize"/>

Per personalizzare lo stile della barra degli strumenti, creare prima uno stile personalizzato della barra degli strumenti ereditando Widget.AppCompat.Toolbar, sovrascrivere le proprietà e quindi aggiungerlo al tema dell'app personalizzato come mostrato di seguito, vedere http://www.zoftino.com/android-toolbar-tutorial per ulteriori informazioni sulla barra degli strumenti e sugli stili.

   <style name="MyAppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="toolbarStyle">@style/MyToolBarStyle</item>
    </style>
    <style name="MyToolBarStyle" parent="Widget.AppCompat.Toolbar">
        <item name="android:background">#80deea</item>
        <item name="titleTextAppearance">@style/MyTitleTextAppearance</item>
        <item name="subtitleTextAppearance">@style/MySubTitleTextAppearance</item>
    </style>
    <style name="MyTitleTextAppearance" parent="TextAppearance.Widget.AppCompat.Toolbar.Title">
        <item name="android:textSize">35dp</item>
        <item name="android:textColor">#ff3d00</item>
    </style>
    <style name="MySubTitleTextAppearance" parent="TextAppearance.Widget.AppCompat.Toolbar.Subtitle">
        <item name="android:textSize">30dp</item>
        <item name="android:textColor">#1976d2</item>
    </style>

Puoi provarlo di seguito.

<style name="MyToolbar" parent="Widget.AppCompat.Toolbar">
    <!-- your code here -->
</style>

E gli elementi di dettaglio in cui puoi trovarli https://developer.android.com/reference/android/support/v7/appcompat/R.styleable.html#Toolbar

Qui ci sono alcuni più: TextAppearance.Widget.AppCompat.Toolbar.Title, TextAppearance.Widget.AppCompat.Toolbar.Subtitle,Widget.AppCompat.Toolbar.Button.Navigation .

Spero che questo possa aiutarti.

Simile a quello di Arnav Rao, ma con un genitore diverso:

    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>

    <item name="toolbarStyle">@style/MyToolbar</item>
</style>

<style name="MyToolbar" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:background">#ff0000</item>
</style>

Con questo approccio, l'aspetto della barra degli strumenti è completamente definito negli stili dell'app, quindi non è necessario posizionare alcuno stile su ciascuna barra degli strumenti.