Прозрачная строка состояния, не работающая с windowTranslucentNavigation = "false"

Question

Я разрабатываю Activity, где мне нужно сделать панель навигации непрозрачной, а строка состояния прозрачной на устройствах с 5.0+ (API 21+). Ниже приведены стили, которые я использую, а также объяснение моей проблемы.

AppTheme расширяет Theme.AppCompat.Light.NoActionBar

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

FullscreenTheme расширяет AppTheme

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

Это делает приложение выглядеть следующим образом

Если удалить android:windowTranslucentNavigation стиль, или установите его в falseFullscreen, это устраняет проблему навигационной панели. Проблема заключается в том, что строка состояния становится полностью белой, а не прозрачной и отображает содержимое за ней.

Я попытался с помощью fitsSystemWindow="true" в моих макетах, но не решить проблему. Кто-нибудь знает, почему это происходит?

Answer 1

android:windowTranslucentNavigation делает одну вещь, что android:statusBarColor не делает, который запрашивает SYSTEM_UI_FLAG_LAYOUT_STABLE и SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN флаги.

Это те, которые вам нужно запросить, чтобы оторваться от строки состояния.

Запрос их в onCreate из ваших Activity:

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

В качестве альтернативы вы можете просто установить приложение фон тему, и это будет также всплывало за строкой состояния.

Дополнительная информация here.

Answer 2

Насколько я знаю, нет правильного способа установить цвет в строке состояния на APIs ниже 19.

Для API 19+ вы можете использовать подобный атрибут windowTranslucentNavigation только для строки состояния:

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

Примечания:

• причина вы получали белую строку состояния из-за

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

• Есть some hacks, которые работают на определенных устройствах производителя, но я бы не использовать их сам.

Answer 3

Я борюсь с этим более 3 часов. Заверните все в CoordinatorLayout это только один, который, кажется, обратить внимание на fitsSystemWindow = «истина» или «ложь»

Это мой основной фрагмент активности

<android.support.design.widget.CoordinatorLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/content_main" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <include layout="@layout/layout_google_map"/> 

    <include layout="@layout/layout_toolbar_transparent"/> 

    <include layout="@layout/layout_action_buttons"/> 

    <include layout="@layout/layout_bottom_sheet"/> 

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

это моя панель макета

<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.v7.widget.Toolbar 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:app="http://schemas.android.com/apk/res-auto" 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@android:color/transparent" 
     android:theme="@style/ToolbarTheme" 
     app:popupTheme="@style/AppTheme.PopupOverlay"> 

     <android.support.v7.widget.AppCompatImageView 
      android:layout_width="wrap_content" 
      android:layout_height="?actionBarSize" 
      android:layout_centerHorizontal="true" 
      android:layout_gravity="center" 
      android:adjustViewBounds="true" 
      app:srcCompat="@drawable/ic_fynd_logo_red"/> 

    </android.support.v7.widget.Toolbar> 
</android.support.design.widget.CoordinatorLayout> 

Как вы можете видеть, моя схема фрагмента делает карту google отображаемой в строке состояния.

У меня есть панель действий, где идет логотип компании.

И другие кнопки ui «layout_action_buttons» также завернуты в макет координатора, поэтому работает fitsSystemsWindows.

Проверьте это.

Answer 4

Это ответить на вопрос @Gaurav Арора в.

Тень должна быть там. Если вы удалите его, произойдет следующее: если у вас есть карта - белые будут белыми, вы их почти не увидите.

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

Вы можете иметь иконки в черный после API 23, используя

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

В вашей теме. Но если это не так, вы можете сделать что-то подобное, чтобы динамически менять цвет строки состояния.

/** 
    * Modify decor view with transparent state. 
    * 
    * @param context  Android context 
    * @param window  Window 
    * @param transparent true to set the status bar color to transparent, false otherwise 
    */ 
    public static void setUpDecorView(Context context, Window window, boolean transparent) { 
//  View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR | 
//  WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS | 

     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) { 
      window.getDecorView().setSystemUiVisibility(
        View.SYSTEM_UI_FLAG_LAYOUT_STABLE 
          | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN); 

      window.setStatusBarColor(ContextCompat.getColor(context, transparent ? R.color.transparent : R.color.primary_dark)); 

     } else { 
      window.getDecorView().setSystemUiVisibility(
        View.SYSTEM_UI_FLAG_LAYOUT_STABLE 
          | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN); 

      window.setStatusBarColor(ContextCompat.getColor(context, transparent ? R.color.transparent : R.color.primary_dark)); 
     } 

    } 

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

Надеюсь, это вам поможет.