Bilah status menjadi putih dan tidak menampilkan konten di belakangnya

Saya mencoba AppCompat di Marshmallow. Dan saya ingin memiliki bilah status transparan namun berubah menjadi putih. Saya telah mencoba beberapa solusi tetapi tidak berhasil untuk saya ( Status bar transparan tidak berfungsi dengan windowTranslucentNavigation = "false" , Lollipop: menggambar di belakang statusBar dengan warna disetel ke transparan ). Berikut kode terkait.

Styles.xml saya

<style name="Bacon" parent="Theme.Bacon"/>

<style name="Theme.Bacon" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/theme_primary</item>
    <item name="colorPrimaryDark">@color/theme_primary_dark</item>
    <item name="colorAccent">@color/theme_accent</item>
    <item name="windowActionBar">false</item>
    <item name="windowActionBarOverlay">true</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowBackground">@color/background_material_light</item>  
</style>

<style name="Theme.Bacon.Detail" parent="Bacon"/>

v21

<style name="Bacon" parent="Theme.Bacon">
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
</style>

<style name="Theme.Bacon.Detail" parent="Bacon">
    <item name="android:statusBarColor">@android:color/transparent</item>
</style>

Aktivitas

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true" />

</FrameLayout>

Pecahan

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="192dp"
    android:fitsSystemWindows="true"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:contentScrim="?attr/colorPrimary"
        app:expandedTitleMarginBottom="32dp"
        app:expandedTitleMarginEnd="64dp"
        app:expandedTitleMarginStart="48dp"
        app:layout_scrollFlags="scroll|exitUntilCollapsed"
        app:statusBarScrim="@color/black_trans80">

        <ImageView
            android:id="@+id/photo"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:contentDescription="@string/photo"
            android:fitsSystemWindows="true"
            android:scaleType="centerCrop"
            app:layout_collapseMode="parallax" />

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

Saya menemukan jawabannya di tautan ini: Status Bar Color tidak berubah dengan Relative Layout sebagai elemen root

Jadi ternyata kita perlu menghapus file

      <item name="android:statusBarColor">@android:color/transparent</item>

di styles.xml (v21). Dan itu bekerja dengan baik untuk saya.

(Sedikit terlambat ke pesta tapi mungkin bisa membantu seseorang)

Saya memiliki masalah yang sama persis. Entah bagaimana, beberapa aktivitas normal sementara aktivitas baru yang saya buat menampilkan bilah status putih, bukancolorPrimaryDark nilai.

Setelah mencoba beberapa tips, saya menemukan bahwa aktivitas kerja normal semua menggunakan CoordinatorLayoutsebagai root dari layout, sedangkan untuk yang lain saya menggantinya dengan layout biasa karena saya tidak membutuhkan fitur (animasi, dll) yang disediakan oleh CoordinatorLayout.

Jadi solusinya adalah membuat CoordinatorLayouttata letak root, lalu di dalamnya tambahkan root tata letak sebelumnya. Berikut ini contohnya:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:fitsSystemWindows="true">

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <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/AppTheme.PopupOverlay" />

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

    <!-- your activity content here-->


  </LinearLayout>
</android.support.design.widget.CoordinatorLayout>

HARAP DICATAT bahwa tanpa android:fitsSystemWindows="true"solusi ini tidak berhasil untuk saya.

Diuji di Lollipop dan Marshmallow

 <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="android:statusBarColor">@color/colorPrimaryDark</item>
    </style

Ganti saja ini, statusBarColor harus menjadi warna yang Anda harapkan dan bukan TRANSPARENT

Anda harus menambahkan properti ini pada gaya Anda untuk melihat konten

<item name="android:windowLightStatusBar" tools:ignore="NewApi">true</item>

Tambahkan ini di style.xml Anda

    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>

dan ini di onCreate () Anda;

 getWindow().getDecorView().setSystemUiVisibility(
       View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);

Setelah tidak berhasil mencoba semua hal di atas, saya menemukan bahwa pengaturan tema secara eksplisit memperbaiki masalah.

setTheme(R.style.AppTheme);

Itu harus dilakukan sebelum super.OnCreate () dalam aktivitas Anda.

Letakkan saja item ini di v21 \ styles.xml Anda:

benar

Ini akan terlihat seperti ini:

<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:windowTranslucentStatus">true</item>
</style>

Saya menghadapi masalah yang sama. Apa yang saya lakukan adalah, di file "v21 / styles.xml" a mengubah nilai true:

 <item name="android:windowDrawsSystemBarBackgrounds">true</item>

untuk:

 <item name="android:windowDrawsSystemBarBackgrounds">false</item>

<item name="android:statusBarColor">@android:color/transparent</item>

Anda akan melihat baris kode itu di values ​​/ styles / styles.xml (v21). Hapus itu dan itu menyelesaikan masalah

Tautan ke jawaban ini

Saya memperbaiki masalah saya dengan mengubah tata letak Aktivitas saya dari FrameLayout ke RelativeLayout. Terima kasih semua orang yang mencoba membantu!

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@android:color/transparent">

    <android.support.v4.view.ViewPager
      android:id="@+id/pager"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="@color/theme_primary_dark"
      android:fitsSystemWindows="true" />

</RelativeLayout>

Coba hierarchy-viewer atau ViewInspector . Alat-alat ini mungkin membantu Anda.

Hapus saja tag berikut dari gaya v21 @android: color / transparent

Ini berhasil untuk saya.

Pendekatan yang lebih baik

Periksa file style.xml Anda di mana tema NoActionBar Anda ada di sana. Pastikan itu memiliki induk sebagai Theme.AppCompat.NoActionBar dan juga menyesuaikannya dengan menambahkan skema warna Anda. Terakhir, atur tema Anda dalam manifes sesuai kebutuhan.

Di bawah ini adalah contoh file styles.xml saya (ActionBar + NoActionBar).

<!-- Base application theme. -->
<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>
</style>

<!-- No ActionBar application theme. -->
<style name="AppTheme.NoActionBar" parent="Theme.AppCompat.NoActionBar">
    <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="windowNoTitle">true</item>
</style>

Saya telah menemukan solusi untuk ini -

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="android:windowLightStatusBar">true</item>
</style>

tambahkan ini ke dalam gaya Anda dan ini akan bekerja untuk api 21 atau lebih tinggi.

Bagi saya itu berhasil dengan melakukan hal berikut:

1. Tetapkan tema .NoActionBar
2. Bungkus Toolbar android.support.design.widget.AppBarLayout
3. Jadikan android.support.design.widget.CoordinatorLayoutsebagai tata letak induk.

Pada dasarnya ini adalah langkah ketiga yang menggambar bilah status colorPrimaryDarkjika tidak, itu tidak akan digambar jika Anda menggunakan NoActionBartema. Langkah kedua akan memberikan toolbar Anda overlay .

Untuk gaya v23

 <style name="MyTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowLightStatusBar">true</item>
    <item name="android:statusBarColor">@android:color/white</item>
</style>

Untuk gaya v21

<style name="MyTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:statusBarColor">@android:color/white</item>
</style>

[

Perluas res -> nilai -> direktori gaya dari panel proyek.

Buka styles.xml (v21)

GUNAKAN SALAH SATU DARI CARA DI BAWAH

1. Ubah benar menjadi salah di android:windowDrawsSystemBarBackgroundsproperti.
2. Ubah @android: color / transparent menjadi @ color / colorPrimaryDark inandroid:statusBarColor properti.
3. Hapus android:statusBarColorgaris propert.

Jika v21 / styles.xml Anda berisi

<resources>
    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="android:statusBarColor">@android:color/transparent</item>
    </style>
</resources>

Kemudian, Hapus atau komentari baris di bawah atau ubah warna bilah status,

<item name="android:statusBarColor">@android:color/transparent</item>

Ini bekerja dengan baik. Semoga bermanfaat. Terima kasih.

Saya tidak yakin apakah ini terlambat tetapi saya harap ini membantu seseorang. * Buat tampilan palsu dengan latar belakang transparan yang sesuai dengan tata letak, dan jadikan tata letak koordinat sebagai elemen tata letak root Anda.

<View
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent"
    android:fitsSystemWindows="true" />


<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:scaleType="centerCrop"
    android:src="@drawable/something" />

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

   .... YOUR LAYOUT

Ini berhasil bagi saya

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
        }

Dugaan saya adalah bahwa ini disebabkan oleh Anda android:windowBackground. Apakah @color/background_material_lightreferensi ke putih?

Periksa apakah Toolbar ini berubah putih - AppBar tidak digambar setelah layar digulir

https://code.google.com/p/android/issues/detail?id=178037#c19

Saya menggunakan perpustakaan 23.0.0. dan bug masih terjadi.

Solusi untuk ini adalah menambahkan Tampilan yang hampir tidak memakan ruang dan tidak terlihat. Lihat struktur di bawah.

<android.support.v4.widget.NestedScrollView
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

</android.support.v4.widget.NestedScrollView>

<android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.Toolbar
        app:layout_scrollFlags="scroll|enterAlways" />

    <android.support.design.widget.TabLayout
        app:layout_scrollFlags="scroll|enterAlways" />

    <View
        android:layout_width="match_parent"
        android:layout_height=".3dp"
        android:visibility="visible"/>

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

Pertanyaan ini di Stackoverflow.com merujuk ke bug ini juga: CoordinatorLayout Toolbar tidak terlihat saat masuk hingga AppBarLayout setinggi penuh - Tata letak terkadang tidak terlihat setelah masuk ke tampilan (meskipun tidak dimasukkan)

Jika Anda menggunakan RelativeLayout / CoordinatorLayout, ini adalah solusi yang berhasil untuk saya:

Anda harus menggunakan

• CoordinatorLayout
• AppBarLayout

Rember untuk menggunakan CoordinatorLayout daripada RelativeLayout (kinerjanya lebih baik dan bekerja sempurna dengan AppBarLayout)

Beginilah seharusnya fragmen Anda dimulai

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/background_light"
android:fitsSystemWindows="true"
>

<android.support.design.widget.AppBarLayout
    android:id="@+id/main.appbar"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    android:fitsSystemWindows="true"
    >
    ...

Pengkodean yang bagus!

 <style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
</style>

tambahkan item 'windowTranslucentStatus' dalam gaya

Tambahkan ini di style.xml Anda

<item name="android:windowTranslucentStatus">true</item>
<item name="android:statusBarColor">@android:color/transparent</item>

Catatan: Pewarnaan bilah status tidak didukung di bawah API level 21.

    Window window = this.getWindow();
    window.setStatusBarColor(this.getResources().getColor(R.color.colorPrimaryDark));

Tambahkan 2 baris ini dalam file java di bawah ini