Come specificare la modalità di azione scura con il mio tema

Question

So che ci sono un paio di domande sullo stile della barra delle azioni contestuali (ActionMode) nella barra delle azioni, ma non sembrano affrontare quello che sto cercando.

Uso la barra degli strumenti con un tema di luce e una barra di azione scura. La barra degli strumenti sembra che io voglia, ma la modalità di azione sembra il tema scuro normale. Cosa devo cambiare nel mio stile per ottenere la modalità di azione a tema scuro (non solo la barra di azione)? Sembra che dovrei essere in grado di farlo rapidamente toccando Theme.AppCompat poiché mostra CAB come lo desidero, ma non voglio che il resto dell'applicazione sia scuro.

Mi preoccupo solo dell'API 14+ e sto utilizzando la barra degli strumenti di supporto al posto della barra delle azioni.

Qui è il mio stile di base

<style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar"> 
    <item name="colorPrimary">@color/colorPrimary</item> 
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
    <item name="android:actionModeBackground">@color/colorActionMode</item> 
    <item name="android:windowActionModeOverlay">true</item> 
</style> 

stile Toolbar

<style name="AppTheme.Toolbar" parent="ThemeOverlay.AppCompat.Dark.ActionBar"> 
    <item name="android:textColorPrimary">@color/abc_primary_text_material_dark</item> 
    <item name="actionMenuTextColor">@color/abc_primary_text_material_dark</item> 
    <item name="android:textColorSecondary">@color/abc_primary_text_material_dark</item> 
    <item name="android:background">@color/colorPrimaryDark</item> 
</style> 

file di layout Barra degli strumenti (impostazione popupTheme qui non sembra avere alcun effetto).

<android.support.v7.widget.Toolbar 
    android:id="@+id/toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="?android:attr/actionBarSize" 
    app:theme="@style/AppTheme.Toolbar" 
    app:popupTheme="@style/ThemeOverlay.AppCompat.Dark" 
    android:popupTheme="@style/ThemeOverlay.AppCompat.Dark" 
    android:elevation="2dp" 
    android:focusable="false"/> 

Ecco la mia barra degli strumenti (che è come lo voglio)

Ecco la mia ActionMode (che ho bisogno di invertire)

Ecco quello che voglio l'ActionMode per apparire (che ho ottenuto cambiando il mio stile per ereditare da Theme.AppCompat anziché da Theme.AppCompat.Light.DarkActionBar. Il problema è che il resto dell'applicazione si oscura, cosa che non voglio.

Answer 1

Dai un'occhiata a questo post sul blog che spiega come lo stile della barra degli strumenti per essere scuro:

http://android-developers.blogspot.ie/2014/10/appcompat-v21-material-design-for-pre.html

<android.support.v7.widget.Toolbar 
    android:layout_height=”wrap_content” 
    android:layout_width=”match_parent” 
    android:minHeight=”@dimen/triple_height_toolbar” 
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> 

di specificare uno "stile" barra degli strumenti. Quello che penso ti manchi è la proprietà "tema" con lo spazio dei nomi dell'app che applica lo stile alla barra degli strumenti e a tutti i suoi figli.

Edit: Questo dovrebbe funzionare per il vostro caso specifico

<style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar"> 
    <item name="colorPrimary">@color/colorPrimary</item> 
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
    <item name="android:actionModeBackground">@color/colorActionMode</item> 
    <item name="android:windowActionModeOverlay">true</item> 
    <item name="android:windowNoTitle">true</item> 
    <item name="windowActionBar">false</item> 
</style> 
<style name="AppTheme.Toolbar" parent="ThemeOverlay.AppCompat.Dark.ActionBar"> 
    <item name="android:textColorPrimary">@color/abc_primary_text_material_dark</item> 
    <item name="actionMenuTextColor">@color/abc_primary_text_material_dark</item> 
    <item name="android:textColorSecondary">@color/abc_primary_text_material_dark</item> 
    <item name="android:background">@color/colorPrimaryDark</item> 
</style> 

Answer 2

Inizia con l'attributo primario actionModeStyle nel tema di base:

<item name="actionModeStyle">@style/LStyled.ActionMode</item> 

Definire LStyled.ActionMode come:

<style name="LStyled.ActionMode" parent="@style/Widget.AppCompat.ActionMode"> 
    <item name="titleTextStyle">@style/LStyled.ActionMode.Title</item> 
    <item name="subtitleTextStyle">@style/LStyled.ActionMode.Subtitle</item> 
</style> 

Infine:

<style name="LStyled.ActionMode.Title" parent="@style/TextAppearance.AppCompat.Widget.ActionMode.Title"> 
    <item name="android:textColor">@color/color_action_mode_text</item> 
</style> 

<style name="LStyled.ActionMode.Subtitle" parent="@style/TextAppearance.AppCompat.Widget.ActionMode.Subtitle"> 
    <item name="android:textColor">@color/color_action_mode_text</item> 
</style> 

Questo sovrascriverà il colore del tema specificato per il titolo & sottotitoli (se necessario).

Quello che rimane è il pulsante di overflow. Accendi qualsiasi software di modifica delle immagini che supporti la sostituzione del colore. Utilizzare il menu di overflow dalla cartella res/drawable-XXXX di AppCompat. Dipingilo di bianco. Avanti, ignorare actionOverflowButtonStyle nel tema di base e specificare il png che avete appena modificato:

<item name="actionOverflowButtonStyle">@style/LStyled.OverFlow</item> 

<style name="LStyled.OverFlow" parent="@style/Widget.AppCompat.ActionButton.Overflow"> 
    <item name="android:src">@drawable/modified_overflow_icon</item> 
</style> 

Non c'è molto di una spiegazione/tutorial che posso fornire per quanto riguarda la personalizzazione di temi. L'unico modo per capirlo è passare attraverso i file [styles] [themes] .xml dal framework. Anche la lettura del codice sorgente ti aiuta: scoprirai quali attributi vengono utilizzati e dove/se possono essere personalizzati.

Punto di menzione:

voglio essere in grado di estendere uno stile per ottenere lo stesso comportamento che è integrato nel tema scuro.

Sì, ma questo potrebbe non essere desiderato. La parte sopra che riguarda la modifica dell'icona del menu di overflow può essere sostituita con un attributo colorControlNormal sostituito. TintManager (Link) utilizza il valore del colore da colorControlNormal per colorare il menu di sfioro, disegnabile (tra gli altri drawable). Dai un'occhiata al contenuto dell'array TINT_COLOR_CONTROL_NORMAL nel codice sorgente. Ma ignorare lo colorControlNormal per risolvere un drawable può cambiare l'aspetto generale dell'aspetto dell'applicazione &.

Answer 3

Voglio solo aggiungere alla risposta di Vikram, specifica per colorare il pulsante di overflow e altri controlli predefiniti nella modalità di azione.

L'elemento 'colorControlNormal' che definisce la colorazione di questi pulsanti nella modalità di azione deve essere inserito nel tema della barra delle azioni, non nello stile della modalità di azione. Solo allora verrà utilizzato per i pulsanti overflow, done, close e back nella modalità di azione.

Answer 4

tenta di utilizzare

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

invece.