Bagaimana cara saya menata Appcompat-v7 Toolbar seperti Theme.AppCompat.Light.DarkActionBar?

Saya mencoba membuat ulang tampilan Theme.AppCompat.Light.DarkActionBardengan pustaka dukungan baru Toolbar.

Jika saya memilih Theme.AppCompat.Lighttoolbar saya akan terang dan jika saya memilih Theme.AppCompatakan menjadi gelap. (Secara teknis Anda harus menggunakan .NoActionBarversi tersebut tetapi sejauh yang saya tahu satu-satunya perbedaan adalah

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

Sekarang tidak ada Theme.AppCompat.Light.DarkActionBartetapi secara naif saya pikir itu akan cukup baik untuk membuat saya sendiri

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

Namun dengan ini bilah alat saya masih Lightbertema. Saya telah menghabiskan berjam-jam sekarang mencoba kombinasi yang berbeda untuk mencampur tema Gelap (dasar) dan tema Terang tetapi saya tidak dapat menemukan kombinasi yang akan membuat saya memiliki latar belakang terang pada segala hal kecuali bilah alat.

Apakah ada cara untuk mendapatkan AppCompat.Light.DarkActionBartampilan dengan import android.support.v7.widget.Toolbar?

Cara yang direkomendasikan untuk menata Toolbar untuk Light.DarkActionBarklon adalah dengan menggunakan Theme.AppCompat.Light.DarkActionbarsebagai induk / tema aplikasi dan menambahkan atribut berikut ke gaya untuk menyembunyikan ActionBar default:

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

Kemudian gunakan yang berikut ini sebagai Toolbar Anda:

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

Untuk modifikasi lebih lanjut, Anda akan membuat gaya yang memperluas ThemeOverlay.AppCompat.Dark.ActionBardan ThemeOverlay.AppCompat.Lightmengganti gaya di dalam AppBarLayout->android:themedan Toolbar->app:popupTheme. Juga perhatikan bahwa ini akan mengambil Anda ?attr/colorPrimaryjika Anda telah mengaturnya dalam gaya utama Anda sehingga Anda mungkin mendapatkan warna latar belakang yang berbeda.

Anda akan menemukan contoh yang bagus untuk ini di template proyek saat ini dengan Empty ActivityAndroid Studio (1.4+).

Edit: Setelah memperbarui ke appcompat-v7: 22.1.1 dan menggunakan AppCompatActivitysebagai ganti ActionBarActivitygaya saya.xml terlihat seperti:

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

Catatan: Ini berarti saya menggunakan yang Toolbardisediakan oleh kerangka kerja (TIDAK termasuk dalam file XML).

Ini berhasil untuk saya:
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>

Pembaruan: Kutipan dari blog Gabriele Mariotti .

Dengan Toolbar baru Anda dapat menerapkan gaya dan tema. Mereka berbeda! Gayanya bersifat lokal untuk tampilan Toolbar, misalnya warna latar belakang. Aplikasi: tema malah bersifat global untuk semua elemen ui yang digelembungkan di Toolbar, misalnya warna judul dan ikon.

Ok setelah menghabiskan banyak waktu ke dalam masalah ini, inilah cara saya berhasil mendapatkan penampilan yang saya harapkan. Saya membuatnya menjadi jawaban terpisah sehingga saya bisa mendapatkan semuanya di satu tempat.

Ini kombinasi beberapa faktor.

Pertama, jangan mencoba membuat toolbar berfungsi dengan baik hanya melalui tema. Sepertinya tidak mungkin.

Jadi terapkan tema secara eksplisit ke Toolbar Anda seperti dalam jawaban 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" />

Bagaimanapun ini adalah saus ajaib. Untuk benar-benar mendapatkan warna latar belakang yang saya harapkan Anda harus mengganti backgroundatribut di tema Toolbar Anda

nilai / gaya.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>

lalu masukkan saja tata letak bilah alat di tata letak lainnya

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

dan Anda siap untuk pergi.

Semoga ini bisa membantu orang lain sehingga Anda tidak perlu menghabiskan banyak waktu untuk ini seperti saya.

(jika ada yang bisa mengetahui bagaimana membuat ini bekerja hanya dengan menggunakan tema, yaitu tidak harus menerapkan tema secara eksplisit dalam file tata letak, saya akan dengan senang hati mendukung jawaban mereka)

EDIT:

Jadi tampaknya memposting jawaban yang lebih lengkap adalah magnet downvote jadi saya akan menerima jawaban tidak lengkap di atas tetapi tinggalkan jawaban ini di sini jika seseorang benar-benar membutuhkannya. Jangan ragu untuk terus downvoting jika itu membuat Anda bahagia.

Cara terbersih yang saya temukan untuk melakukan ini adalah membuat anak ' ThemeOverlay.AppCompat.Dark.ActionBar '. Dalam contoh, saya mengatur warna latar belakang Toolbar menjadi MERAH dan warna teks menjadi BIRU.

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

Anda kemudian dapat menerapkan tema Anda ke bilah alat:

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

Untuk menyesuaikan gaya bilah alat, pertama-tama buat gaya khusus bilah alat yang mewarisi Widget.AppCompat.Toolbar, timpa properti, lalu tambahkan ke tema aplikasi khusus seperti yang ditunjukkan di bawah ini, lihat http://www.zoftino.com/android-toolbar-tutorial untuk lebih banyak bilah alat informasi dan gaya.

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

Anda dapat mencobanya di bawah ini.

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

Dan elemen detail Anda dapat menemukannya di https://developer.android.com/reference/android/support/v7/appcompat/R.styleable.html#Toolbar

Berikut adalah beberapa lebih: TextAppearance.Widget.AppCompat.Toolbar.Title, TextAppearance.Widget.AppCompat.Toolbar.Subtitle, Widget.AppCompat.Toolbar.Button.Navigation.

Semoga ini bisa membantu Anda.

Mirip dengan Arnav Rao, tetapi dengan orang tua yang berbeda:

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

Dengan pendekatan ini, tampilan Toolbar sepenuhnya ditentukan dalam gaya aplikasi, jadi Anda tidak perlu menempatkan gaya apa pun pada setiap toolbar.