Полупрозрачная панель состояния с динамическим цветом панели действий в Android

Я пытаюсь реализовать полупрозрачную строку состояния (чтобы мой навигационный вид находился ЗА строкой состояния), но все же предпочитаю динамически менять цвет моей панели действий. Из-за этого цвет строки состояния должен измениться на более темную версию цвета моей панели действий.

Если я сделаю свою строку состояния прозрачной, как предлагают многие источники, мой цвет primary_dark будет использоваться в качестве фона моей строки состояния. Однако, поскольку я изменю цвет панели действий во время выполнения, primary_dark не обязательно должен быть темным цветом моей панели действий.

Если я установлю для своей строки состояния цвет панели действий, прозрачность исчезнет. Если я установлю свою строку состояния на цвет панели действий и добавлю прозрачность, строка состояния не будет выглядеть ни неправильно, ни правильно, а мой перекрывающийся навигационный вид все еще не будет очень «прозрачным» / «красочным».

В Google Inbox есть три разных цвета: "Входящие" (синий), "Отложено" (желтый) и "Готово" (зеленый).

Что я могу сделать, чтобы добиться такого поведения?


person Frame91    schedule 18.12.2015    source источник


Ответы (1)


На самом деле, это довольно легко реализовать.

введите описание изображения здесь

Первый шаг - изменить высоту 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 установка padding для Toolbar:

    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>

Внимание! В версиях до Kitkat OS строка состояния оставалась прежней, непрозрачной.

Я загрузил исходный код тестового приложения в свой дропбокс - почувствуйте бесплатно, чтобы проверить это.

Я надеюсь, что это помогает

person Konstantin Loginov    schedule 20.12.2015
comment
Спасибо Константин, после работы посмотрю! Однако: вы не упомянули код, связанный с NavigationView. Находится ли NavigationView ЗА панелью состояния в вашем примере? - person Frame91; 21.12.2015
comment
@Frame91 С удовольствием! NavigationView в моем случае находится под строкой состояния: i.stack.imgur.com/B3d9G.png Вам нужно, чтобы это было так? - person Konstantin Loginov; 21.12.2015
comment
Обновлен ответ ссылкой на тестовое приложение (в нем есть панель навигации и кнопки для переключения цвета) - person Konstantin Loginov; 21.12.2015
comment
Спасибо, Константин, мне это нужно точно так же, как и у вас;) Я отмечу ваш ответ как принятый и назначу вам награду, как только смогу его воспроизвести;) - person Frame91; 21.12.2015
comment
Пожалуйста, вопрос: зачем прикол с лишним View под StatusBar для KITKAT? - person GPack; 22.12.2015
comment
@GPack, Frame91 - мой плохой - с небольшой модификацией (‹item name=android:fitsSystemWindows›false‹/item›) прекрасно работает и на KitKat. Обновленный код и тестовое приложение в Dropbox. - person Konstantin Loginov; 22.12.2015