Làm cách nào để thay đổi màu thanh trạng thái để phù hợp với ứng dụng trong Lollipop? [Android]

Trong bản cập nhật kẹo mút mới, tôi nhận thấy rằng với các ứng dụng gốc của Google, màu sắc của thanh trạng thái sẽ thay đổi để phù hợp với thanh tác vụ trên ứng dụng bạn đang chạy. Tôi cũng thấy nó trên ứng dụng Twitter nên tôi đoán không chỉ riêng Google mới có thể làm được.

Có ai biết làm thế nào để làm điều này nếu nó là có thể?

Để thay đổi màu thanh trạng thái, hãy sử dụng setStatusBarColor (int color) . Theo javadoc, chúng ta cũng cần đặt một số cờ trên cửa sổ.

Đoạn mã hoạt động:

Window window = activity.getWindow();
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
window.setStatusBarColor(ContextCompat.getColor(activity, R.color.example_color));

Lưu ý rằng theo hướng dẫn của Material Design, màu thanh trạng thái và màu thanh tác vụ phải khác nhau:

• ActionBar nên sử dụng màu chính 500
• StatusBar nên sử dụng màu chính 700

Nhìn vào ảnh chụp màn hình bên dưới:

Chỉ cần thêm cái này vào bạn styles.xml. ColorPrimary dành cho thanh tác vụ và colorPrimaryDark dành cho thanh trạng thái.

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="android:colorPrimary">@color/primary</item>
    <item name="android:colorPrimaryDark">@color/primary_dark</item>
</style>

Hình ảnh này từ nhà phát triển android giải thích thêm về bảng màu. Bạn có thể đọc thêm trên liên kết này .

Một cách khác để đặt màu thanh trạng thái là thông qua style.xml .

Để làm điều đó, tạo ra một style.xml tập tin dưới res / values-v21 thư mục với nội dung này:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="android:Theme.Material">
        <!--   darker variant for the status bar and contextual app bars -->
        <item name="android:colorPrimaryDark">@color/blue_dark</item>
    </style>
</resources>

Chỉnh sửa: như đã chỉ ra trong nhận xét, khi sử dụng AppCompat, mã sẽ khác. Trong tệp res / values ​​/ style.xml, hãy sử dụng thay thế:

<style name="Theme.MyTheme" parent="Theme.AppCompat.Light">   
    <!-- Set AppCompat’s color theming attrs -->
    <item name="colorPrimary">@color/my_awesome_red</item>
    <item name="colorPrimaryDark">@color/my_awesome_darker_red</item>
    <!-- Other attributes -->
</style>

Để đặt màu thanh trạng thái, hãy tạo tệp style.xml trong thư mục res / values-v21 với nội dung sau:

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="AppBaseTheme" parent="AppTheme">
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="android:statusBarColor">@color/blue</item>
    </style>

</resources>

Thêm dòng này theo kiểu v21 nếu bạn sử dụng hai kiểu.

  <item name="android:statusBarColor">#43434f</item>

Ngoài ra, nếu bạn muốn có status-barmàu khác cho các hoạt động khác nhau ( các đoạn ), bạn có thể thực hiện theo các bước sau (làm việc trên API 21 trở lên):

Trước tiên, hãy tạo values21/style.xmlvà đặt mã sau:

 <style name="AIO" parent="AIOBase">
            <item name="android:windowDrawsSystemBarBackgrounds">true</item>
            <item name="android:windowContentTransitions">true</item>
    </style>

Sau đó, xác định các chủ đề Trắng | Tối values/style.xmltheo cách sau của bạn :

 <style name="AIOBase" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/color_primary</item>
        <item name="colorPrimaryDark">@color/color_primary_dark</item>
        <item name="colorAccent">@color/color_accent</item>
        <item name="android:textColorPrimary">@android:color/black</item>
        <item name="android:statusBarColor" tools:targetApi="lollipop">@color/color_primary_dark
        </item>
        <item name="android:textColor">@color/gray_darkest</item>
        <item name="android:windowBackground">@color/default_bg</item>
        <item name="android:colorBackground">@color/default_bg</item>
    </style>


    <style name="AIO" parent="AIOBase" />

    <style name="AIO.Dark" parent="AIOBase">
        <item name="android:statusBarColor" tools:targetApi="lollipop">#171717
        </item>
    </style>

    <style name="AIO.White" parent="AIOBase">
        <item name="android:statusBarColor" tools:targetApi="lollipop">#bdbdbd
        </item>
    </style>

Cũng đừng quên áp dụng các chủ đề trong của bạn manifest.xml.

Trong các thiết bị Android trước Lollipop, bạn có thể làm điều đó từ SystemBarTintManager Nếu bạn đang sử dụng android studio, chỉ cần thêm Systembartint lib vào tệp gradle của bạn.

dependencies {
    compile 'com.readystatesoftware.systembartint:systembartint:1.0.3'
    ...
}

Sau đó trong hoạt động của bạn

// create manager instance after the content view is set
SystemBarTintManager mTintManager = new SystemBarTintManager(this);
// enable status bar tint
mTintManager.setStatusBarTintEnabled(true);
mTintManager.setTintColor(getResources().getColor(R.color.blue));