КоординаторLayout не заходит за строку состояния даже с окномTranslucentStatus и fitsSystemWindows

Я пытаюсь сделать вид за панель состояния следующим образом: Желаемый результат

Я попытался произвести этот эффект с помощью рекомендованных методов, но я получаю следующее:

Фактический результат

Из скриншота видно, что ни одно содержимое моего приложения не выводится за панель состояния.

Что интересно, так или иначе, Nav Drawer удается оторваться от строки состояния:

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

Материал, который я сделал:

  • Использовать виджеты библиотеки поддержки - CoordinatorLayout, AppBarLayout, Toolbar, DrawerLayout
  • windowTranslucentStatus установлен в true в моей теме приложения
  • fitsSystemWindows установите true на мой CoordinatorLayout

Это тема моего приложения:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  <!-- Customize your theme here. -->
  <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@android:color/transparent</item>
    <item name="colorAccent">@color/colorAccent</item>

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

Это мой макет деятельности:

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <FrameLayout android:id="@+id/page_container"
                 android:layout_width="match_parent"
                 android:layout_height="match_parent"
                 android:fitsSystemWindows="true"/>

    <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="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" />

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

FrameLayout в макете активности заменяется макетом фрагмента:

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context=".MainActivity">

    <FrameLayout android:layout_width="match_parent"
                 android:layout_height="match_parent"
                 android:paddingLeft="@dimen/activity_horizontal_margin"
                 android:paddingRight="@dimen/activity_horizontal_margin"
                 android:paddingTop="@dimen/activity_vertical_margin"
                 android:paddingBottom="@dimen/activity_vertical_margin"
                 android:background="@android:color/holo_blue_bright"
                 tools:context=".MainActivity">

        <TextView android:text="@string/lorem_ipsum"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content" />
    </FrameLayout>

    <android.support.design.widget.AppBarLayout
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        app:elevation="0dp"
        android:theme="@style/AppTheme.TransparentAppBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@android:color/transparent"
            app:title="@string/hello_blank_fragment"
            app:popupTheme="@style/AppTheme.OverflowMenu" />

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

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_dialog_email" />

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

Ответы

Ответ 1

изменить для будущих читателей: есть много хорошей информации по этому вопросу и проблема с комментариями, обязательно прочитайте их.

оригинальный ответ: Ваша тема неправильная, поэтому. К сожалению, есть различия в том, как активировать в Kitkat или Lollipop. В моем коде я сделал это на Java, но вы также можете достичь этого в XML, если хотите играть с папками V21 в дереве ресурсов. Имя параметров будет очень похоже на Java-копии.

Удалите android:windowTranslucentStatus из вашего XML и в Java:

   public static void setTranslucentStatusBar(Window window) {
      if (window == null) return;
      int sdkInt = Build.VERSION.SDK_INT;
      if (sdkInt >= Build.VERSION_CODES.LOLLIPOP) {
         setTranslucentStatusBarLollipop(window);
      } else if (sdkInt >= Build.VERSION_CODES.KITKAT) {
         setTranslucentStatusBarKiKat(window);
      }
   }

  @TargetApi(Build.VERSION_CODES.LOLLIPOP)
   private static void setTranslucentStatusBarLollipop(Window window) {
      window.setStatusBarColor(
             window.getContext()
                   .getResources()
                   .getColor(R.color. / add here your translucent color code /));
   }

   @TargetApi(Build.VERSION_CODES.KITKAT)
   private static void setTranslucentStatusBarKiKat(Window window) {
      window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
   }

то вы можете позвонить из своей деятельности setTranslucentStatusBar(getWindow());

изменить

создание прозрачной полосы состояния и рисование позади нее (по какой-то причине я не могу понять) - две отдельные задачи в Android.

Я больше посмотрел на свой код, и я уверен, что на моем макете больше android:fitsSystemWindows="true", чем просто CoordinatorLayout.

ниже представлены все виды моего макета с android:fitsSystemWindows="true" на них:

  • CoordinatorLayout
  • AppBarLayout
  • CollapsingToolbarLayout
  • ImageView (с фоновым изображением)
  • FrameLayout (с содержимым заголовка)

поэтому мое предложение состоит в том, чтобы просто протестировать/попробовать заполнить android:fitsSystemWindows="true" в вашем XML.

Ответ 2

Это действительно сбивало с толку для меня, но в итоге я понял это для моей комбинации просмотров, которая выглядит так:

<android.support.v4.widget.SwipeRefreshLayout - **no fitsSystemWindow set**

<android.support.design.widget.CoordinatorLayout- android:fitsSystemWindows="true"

<android.support.design.widget.AppBarLayout - android:fitsSystemWindows="true"

<android.support.design.widget.CollapsingToolbarLayout - android:fitsSystemWindows="true"

<RelativeLayout - android:fitsSystemWindows="true"

<ImageView - android:fitsSystemWindows="true"

Я также использовал методы, опубликованные Budius в моем приложении, чтобы получить прозрачную строку состояния:

Удалите андроид: windowTranslucentStatus из вашего XML и в Java используйте вот так:

   public static void setTranslucentStatusBar(Window window) {
      if (window == null) return;
      int sdkInt = Build.VERSION.SDK_INT;
      if (sdkInt >= Build.VERSION_CODES.LOLLIPOP) {
         setTranslucentStatusBarLollipop(window);
      } else if (sdkInt >= Build.VERSION_CODES.KITKAT) {
         setTranslucentStatusBarKiKat(window);
      }
   }

  @TargetApi(Build.VERSION_CODES.LOLLIPOP)
   private static void setTranslucentStatusBarLollipop(Window window) {
      window.setStatusBarColor(
             window.getContext()
                   .getResources()
                   .getColor(R.color. / add here your translucent color code /));
   }

   @TargetApi(Build.VERSION_CODES.KITKAT)
   private static void setTranslucentStatusBarKiKat(Window window) {
      window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
   }

Ответ 3

Если я хочу сделать за StatusBar, я использую CoordinatorLayout как большинство родительских представлений для Activity (android: fitsSystemWindows = "false" )

Если я хочу, чтобы StatusBar был транслютентом и одновременным просмотром кеппинга вдали от запрета позади StatusBar, я использую как большинство родительских представлений FrameLayout с аргументом

<FrameLayout
   ...
   android:fitsSystemWindows="true">
</FrameLayout>

Мои styles.xml(v21) выглядят как

<resources>

    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    </style>

    <style name="AppTheme.NoStatusBar" parent="AppTheme.NoActionBar">
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowTranslucentNavigation">true</item>
        <item name="windowActionBarOverlay">true</item>
        <item name="android:windowActionBarOverlay">true</item>
    </style>
</resources>

И styles.xml

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

Возможно, ключевой момент здесь - убедиться, что вы используете AppCompactActivity, а также используете Theme.AppCompact как root для ваших стилей.

Ответ 4

fitsSystemWindows добавляет дополнение к вершине представления, поэтому оно не скрывается под строкой состояния. Удалите fitsSystemWindows, и он будет за ним.

Ответ 5

Настройка отрицательного верхнего края для CoordinatorLayout работала для меня.