簡體   English   中英

Android中具有動態ActionBar顏色的半透明StatusBar

[英]Translucent StatusBar with dynamic ActionBar color in Android

我想實現一個半透明的狀態欄(使我的導航視圖后面是狀態欄),但還是喜歡動態地改變我的動作條的顏色。 因此,狀態欄顏色需要更改為我的操作欄顏色的較暗版本。

如果我將狀態欄設置為透明,正如許多來源所示,我的primary_dark顏色用作狀態欄的背景。 但是,由於我將在運行時更改操作欄顏色,因此primary_dark不一定是我的操作欄的深色。

如果我將狀態欄設置為操作欄顏色,則透明度消失。 如果我將狀態欄設置為操作欄顏色並添加透明度,狀態欄看起來既不錯也不正確,我的重疊導航視圖仍然不是非常“透明”/“彩色”。

Google Inbox有三種不同的顏色:收件箱(藍色),延后(黃色)和完成(綠色)。

我該怎么做才能實現這種行為?

實際上,它實施起來相當容易。

在此輸入圖像描述

第一步 - 更改Toolbar高度:

  • height更改為wrap_content

所以對我來說它看起來像這樣:

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay" />

然后覆蓋v19資源:

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
            <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
                    <!-- Style properties -->
                    ....
                    <!-- These properties are important:-->
                    <item name="android:windowTranslucentStatus">true</item>
                    <item name="windowActionBarOverlay">false</item>
                    <item name="android:windowActionBarOverlay">false</item>
                    <item name="android:fitsSystemWindows">false</item>
            </style>
    </resources>

然后,在Activity ,設置Toolbar padding

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    toolbar.setPadding(0, getStatusBarHeight(), 0, 0);
    ......
    ......
    public int getStatusBarHeight() {
        int result = 0;

        if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.KITKAT) {
            int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
            if (resourceId > 0) {
                result = getResources().getDimensionPixelSize(resourceId);
            }
        }
        return result;
    }

實際上,它幾乎就是這樣。 現在,一旦我想改變工具欄的顏色,我就是這樣說的:

    if (getSupportActionBar() != null) {
        getSupportActionBar().setBackgroundDrawable(new ColorDrawable(Color.GREEN));
    }

活動的布局:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:openDrawer="start">

    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />


    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="false"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" />

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

NB! 在預Kitkat操作系統版本上,狀態欄保持不變,非半透明。

我已將測試應用程序的源代碼上傳到我的Dropbox - 隨時查看它

我希望,這有幫助

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM