Bagaimana cara mengubah warna bilah status di Android?

Pertama-tama ini bukan duplikat seperti pada Bagaimana mengubah warna latar belakang status bar android

Bagaimana cara mengubah warna bilah status yang seharusnya sama dengan di bilah navigasi.

Saya ingin warna bilah status sama dengan warna bilah navigasi

Android 5.0 Lollipop memperkenalkan tema Desain Bahan yang secara otomatis mewarnai bilah status berdasarkan colorPrimaryDarknilai tema.

Ini didukung pada perangkat pre-lollipop berkat dukungan perpustakaan-v7-appcompat mulai dari versi 21. Blogpost tentang dukungan appcompat v21 dari Chris Banes

Baca lebih lanjut tentang Tema Bahan di situs web resmi Pengembang Android

Memperbarui:

Lollipop:

public abstract void setStatusBarColor (int color)

Ditambahkan dalam API level 21

Android Lollipop menghadirkan kemampuan untuk mengubah warna bilah status di aplikasi Anda untuk pengalaman pengguna yang lebih mendalam dan selaras dengan Google Material Design Guidelines.

Inilah cara Anda dapat mengubah warna bilah status menggunakan window.setStatusBarColormetode baru yang diperkenalkan API level 21.

Mengubah warna bilah status juga memerlukan pengaturan dua bendera tambahan pada Jendela; Anda perlu menambahkan FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDSbendera dan menghapus FLAG_TRANSLUCENT_STATUSbendera.

Kode Kerja:

import android.view.Window;

...

Window window = activity.getWindow();

// clear FLAG_TRANSLUCENT_STATUS flag:
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

// add FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS flag to the window
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);

// finally change the color
window.setStatusBarColor(ContextCompat.getColor(activity,R.color.my_statusbar_color));

Referensi pengembang resmi: setStatusBarColor (int)

Contoh: bahan-desain-di mana-mana

Chris Banes Blog- appcompat v21: desain material untuk perangkat pra-Lollipop!

Untuk transitionNamelatar belakang tampilan akan android:status:background.

Tempatkan ini adalah values-v21 / styles.xml Anda, untuk mengaktifkannya di Lollipop:

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light">
        <item name="colorPrimary">@color/color_primary</item>
        <item name="colorPrimaryDark">@color/color_secondary</item>
        <item name="colorAccent">@color/color_accent</item>
        <item name="android:statusBarColor">@color/color_primary</item>
    </style>
</resources>

ini cara yang sangat mudah untuk melakukan ini tanpa Library: jika versi OS tidak didukung - di bawah kitkat - jadi tidak ada yang terjadi. saya melakukan langkah-langkah ini:

1. di xml saya, saya menambahkan ke bagian atas Tampilan ini:

<View
        android:id="@+id/statusBarBackground"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

maka saya membuat metode ini:

 public void setStatusBarColor(View statusBar,int color){
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
           Window w = getWindow();
           w.setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
           //status bar height
           int actionBarHeight = getActionBarHeight();
           int statusBarHeight = getStatusBarHeight();
           //action bar height
           statusBar.getLayoutParams().height = actionBarHeight + statusBarHeight;
           statusBar.setBackgroundColor(color);
     }
}

Anda juga memerlukan kedua metode tersebut untuk mendapatkan tinggi tindakan & status bar:

public int getActionBarHeight() {
    int actionBarHeight = 0;
    TypedValue tv = new TypedValue();
    if (getTheme().resolveAttribute(android.R.attr.actionBarSize, tv, true))
    {
       actionBarHeight = TypedValue.complexToDimensionPixelSize(tv.data,getResources().getDisplayMetrics());
    }
    return actionBarHeight;
}

public int getStatusBarHeight() {
    int result = 0;
    int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
    if (resourceId > 0) {
        result = getResources().getDimensionPixelSize(resourceId);
    }
    return result;
}

maka satu-satunya yang Anda butuhkan adalah baris ini untuk mengatur warna bilah status:

setStatusBarColor(findViewById(R.id.statusBarBackground),getResources().getColor(android.R.color.white));

Seperti yang dikatakan @Niels, Anda harus menempatkan pada values-v21 / styles.xml:

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

Tapi tambahkan tools:targetApi="lollipop" jika Anda ingin styles.xml tunggal, seperti:

<item name="android:statusBarColor" tools:targetApi="lollipop">@color/black</item>

Yah, solusi Izhar baik-baik saja tetapi, secara pribadi, saya mencoba untuk menghindari kode yang terlihat seperti ini:

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
//Do what you need for this SDK
};

Juga, saya juga tidak suka menggandakan kode. Dalam jawaban Anda, saya harus menambahkan baris kode tersebut di semua Aktivitas:

setStatusBarColor(findViewById(R.id.statusBarBackground),getResources().getColor(android.R.color.white));

Jadi, saya mengambil solusi Izhar dan menggunakan XML untuk mendapatkan hasil yang sama: Buat tata letak untuk StatusBar status_bar.xml

<View xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="@dimen/statusBarHeight"
     android:background="@color/primaryColorDark"
     android:elevation="@dimen/statusBarElevation">

Perhatikan atribut ketinggian dan ketinggian, ini akan diatur dalam nilai, nilai-v19, nilai-v21 lebih jauh ke bawah.

Tambahkan tata letak ini ke tata letak aktivitas Anda menggunakan include, main_activity.xml:

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

<include layout="@layout/status_bar"/>
<include android:id="@+id/app_bar" layout="@layout/app_bar"/>
//The rest of your layout       
</RelativeLayout>

Untuk Bilah Alat, tambahkan atribut margin atas:

<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_width="match_parent"
android:layout_height="?android:attr/actionBarSize"
android:background="@color/primaryColor"
app:theme="@style/MyCustomToolBarTheme"
app:popupTheme="@style/ThemeOverlay.AppCompat.Dark"
android:elevation="@dimen/toolbarElevation"
android:layout_marginTop="@dimen/appBarTopMargin"
android:textDirection="ltr"
android:layoutDirection="ltr">

Di appTheme style-v19.xml dan styles-v21.xml Anda, tambahkan windowTranslucent attr:

styles-v19.xml, v21:

<resources>
<item name="android:windowTranslucentStatus">true</item>
</resources>

Dan akhirnya, pada dimens Anda, dimens-v19, dimens-v21, tambahkan nilai untuk Toolbar topMargin, dan ketinggian statusBarHeight: dimens.xml kurang dari KitKat:

<resources>
<dimen name="toolbarElevation">4dp</dimen>
<dimen name="appBarTopMargin">0dp</dimen>
<dimen name="statusBarHeight">0dp</dimen>
</resources>

Tinggi status bar selalu 24dp dimens-v19.xml untuk KitKat dan di atasnya:

<resources>
<dimen name="statusBarHeight">24dp</dimen>
<dimen name="appBarTopMargin">24dp</dimen>
</resources>

dimens-v21.xml untuk Lolipop, cukup tambahkan elevasi jika diperlukan:

<resources>
<dimen name="statusBarElevation">4dp</dimen>
</resources>

Ini adalah hasil untuk Jellybean KitKat dan Lollipop:

Anda dapat menggunakan kode sederhana ini:

Satu kalimat di Kotlin:

window.statusBarColor = ContextCompat.getColor(this, R.color.colorName)

Jawaban asli dengan Java & versi manual periksa:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
    getWindow().setStatusBarColor(getResources().getColor(R.color.colorAccentDark_light, this.getTheme()));
} else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    getWindow().setStatusBarColor(getResources().getColor(R.color.colorAccentDark_light));
}

Cukup buat tema baru di res / values ​​/ styles.xml tempat Anda mengubah "colorPrimaryDark" yang merupakan warna bilah status:

<style name="AppTheme.GrayStatusBar" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimaryDark">@color/colorGray</item>
</style>

Dan ubah tema aktivitas di AndroidManifest.xml ke yang Anda inginkan, pada aktivitas berikutnya Anda dapat mengubah warna kembali ke yang asli dengan memilih tema aslinya:

<activity
    android:name=".LoginActivity"
    android:theme="@style/AppTheme.GrayStatusBar" >
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />

        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

Beginilah tampilan res / values ​​/ colors.xml Anda :

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#c6d6f0</color>
    <color name="colorGray">#757575</color>
</resources>

Untuk mengubah warna lolipop di atas cukup tambahkan ini ke styles.xml Anda

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

tetapi ingat , jika Anda ingin memiliki warna terang untuk bilah status, tambahkan baris ini juga

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

Anda dapat mengubah warna bilah status dengan fungsi ini. bekerja di android L berarti API 21 dan lebih tinggi dan membutuhkan string warna seperti "#ffffff".

private void changeStatusBarColor(String color){
    if (Build.VERSION.SDK_INT >= 21) {
        Window window = getWindow();
        window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
        window.setStatusBarColor(Color.parseColor(color));
    }
}

Saya memiliki persyaratan ini: Mengubah secara terprogram warna status bar menjaganya transparan , untuk memungkinkan Navigasi Drawer untuk menggambar dirinya tumpang tindih bilah status trasparent.

Saya tidak bisa melakukan itu menggunakan API

getWindow().setStatusBarColor(ContextCompat.getColor(activity ,R.color.my_statusbar_color)

Jika Anda memeriksa di sini di stack overflow semua orang sebelum baris kode mengatur transparansi bilah status menjadi solid

getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS)

Saya dapat mengelola warna dan transparansi bilah status seperti ini:

• Android 4: tidak banyak yang dapat Anda lakukan, karena Anda tidak dapat mengelola warna bilah status dari API ... satu-satunya hal yang dapat Anda lakukan adalah mengatur bilah status sebagai tembus dan memindahkan elemen berwarna UI Anda di bawah status batang. Untuk melakukan ini, Anda harus bermain

  android:fitsSystemWindows="false"

  dalam tata letak utama Anda. Ini memungkinkan Anda untuk menggambar tata letak Anda di bawah bilah status. Maka Anda perlu bermain dengan beberapa bantalan dengan bagian atas tata letak utama Anda.

• Android 5 dan di atasnya: Anda harus mendefinisikan gaya dengan

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

  ini memungkinkan laci navigasi untuk tumpang tindih bilah status.

  Kemudian untuk mengubah warna menjaga bilah status transparan Anda harus mengatur warna bilah status dengan

  drawerLayout.setStatusBarBackgroundColor(ContextCompat.getColor(activity, R.color.my_statusbar_color))

  di mana drawerLayout didefinisikan seperti ini

  <android.support.v4.widget.DrawerLayout
      android:id="@+id/drawer_layout"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:fitsSystemWindows="true">

Edit colorPrimary di colors.xml dalam Values ​​ke warna yang Anda inginkan menjadi Status Bar. Sebagai contoh:

   <resources>
<color name="colorPrimary">#800000</color> // changes the status bar color to Burgundy
<color name="colorPrimaryDark">#303F9F</color>
<color name="colorAccent">#FF4081</color>
<color name="red">#FF0000</color>
<color name="white">#FFFFFF</color>
<color name="cream">#fffdd0</color>
<color name="burgundy">#800000</color>

Untuk Mengubah warna bilah status, buka res/values-v21/styles.xmldan warna bilah status

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light">
        <item name="colorPrimary">@color/color_primary</item>
        <item name="colorPrimaryDark">@color/color_secondary</item>
        <item name="colorAccent">@color/color_accent</item>
        <item name="android:statusBarColor">#0000FF</item>
    </style>
</resources>

Jika Anda ingin mengubah warna bilah status secara terprogram (dan asalkan perangkat memiliki Android 5.0). Ini adalah cara sederhana untuk mengubah statusBarColor dari Kegiatan apa pun dan metode yang sangat mudah ketika fragmen yang berbeda memiliki warna bilah status yang berbeda.

 /**
 * @param colorId id of color
 * @param isStatusBarFontDark Light or Dark color
 */
fun updateStatusBarColor(@ColorRes colorId: Int, isStatusBarFontDark: Boolean = true) {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
        val window = window
        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS)
        window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS)
        window.statusBarColor = ContextCompat.getColor(this, colorId)
        setSystemBarTheme(isStatusBarFontDark)
    }
}

/** Changes the System Bar Theme.  */
@RequiresApi(api = Build.VERSION_CODES.M)
private fun setSystemBarTheme(isStatusBarFontDark: Boolean) {
    // Fetch the current flags.
    val lFlags = window.decorView.systemUiVisibility
    // Update the SystemUiVisibility depending on whether we want a Light or Dark theme.
    window.decorView.systemUiVisibility = if (isStatusBarFontDark) lFlags and View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR.inv() else lFlags or View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR
}

Jika Anda ingin bekerja di Android 4.4 dan di atasnya, coba ini. Saya merujuk pada jawaban Harpreet dan tautan ini. Android dan bilah status transparan

Pertama, panggil metode setStatusBarColored dalam metode onCreate Activity (saya letakkan di kelas util). Saya menggunakan gambar di sini, Anda dapat mengubahnya untuk menggunakan warna.

public static void setStatusBarColored(Activity context) {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT)
    {
        Window w = context.getWindow();
        w.setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS, WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        int statusBarHeight = getStatusBarHeight(context);

        View view = new View(context);
        view.setLayoutParams(new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
        view.getLayoutParams().height = statusBarHeight;
        ((ViewGroup) w.getDecorView()).addView(view);
        view.setBackground(context.getResources().getDrawable(R.drawable.navibg));
    }
}

public static int getStatusBarHeight(Activity context) {
    int result = 0;
    int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
    if (resourceId > 0) {
        result = context.getResources().getDimensionPixelSize(resourceId);
    }
    return result;
}

Sebelum:

Setelah:

Warna bilah status telah diubah, tetapi bilah navi terpotong, jadi kita perlu mengatur margin atau offset bilah navi dalam metode onCreate.

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT, (int)(this.getResources().getDimension(R.dimen.navibar_height)));
        layoutParams.setMargins(0, Utils.getStatusBarHeight(this), 0, 0);

        this.findViewById(R.id.linear_navi).setLayoutParams(layoutParams);
    }

Maka bilah status akan terlihat seperti ini.

Inilah yang bekerja untuk saya di KitKat dan dengan hasil yang baik.

public static void setTaskBarColored(Activity context) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT)
        {
            Window w = context.getWindow();
            w.setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS, WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            //status bar height
            int statusBarHeight = Utilities.getStatusBarHeight(context);

            View view = new View(context);
            view.setLayoutParams(new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
            view.getLayoutParams().height = statusBarHeight;
            ((ViewGroup) w.getDecorView()).addView(view);
            view.setBackgroundColor(context.getResources().getColor(R.color.colorPrimaryTaskBar));
        }
    }

Satu lagi solusi:

final View decorView = w.getDecorView();
View view = new View(BaseControllerActivity.this);
final int statusBarHeight = UiUtil.getStatusBarHeight(ContextHolder.get());
view.setLayoutParams(new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, statusBarHeight));
view.setBackgroundColor(colorValue);
((ViewGroup)decorView).addView(view);

ubah colorPrimaryDark ke warna keinginan Anda menjadi file res / values ​​/ styles.xml

    <resources>
        <color name="colorPrimary">#800000</color>
        <color name="colorPrimaryDark">#303F9F</color> //This Line
        <color name="colorAccent">#FF4081</color>
        <color name="red">#FF0000</color>
        <color name="white">#FFFFFF</color>
       <color name="cream">#fffdd0</color>
       <color name="burgundy">#800000</color>
    </resources>