0

У меня есть странная проблема с моими макетами. У меня есть CoordinatorLayout с CollapsingToolBarLayout в нем. У меня есть прозрачная строка состояния, чтобы лучше отображать изображение сверху. Таким образом, у меня есть fitsSystemWindow, установленный на этом ImageView. Проблема, с которой я столкнулся, заключается в том, что когда панель инструментов полностью рушится, верхняя часть панели инструментов прокручивается за панель состояния системы. Есть ли способ предотвратить такое поведение?КоординаторLayout + CollapsingToolbarLayout прокрутка под строкой состояния

Вот скриншоты:

Fully open

Almost closed

fully collapsed

Вот мой макет:

<?xml version="1.0" encoding="utf-8"?> 
<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:id="@+id/coordinatorLayout"> 
<android.support.design.widget.AppBarLayout 
    android:id="@+id/main_appbar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 
    <android.support.design.widget.CollapsingToolbarLayout 
     android:id="@+id/main_collapsing" 
     android:layout_width="match_parent" 
     android:layout_height="350dp" 
     app:layout_scrollFlags="scroll|exitUntilCollapsed" 
     app:contentScrim="?attr/colorPrimary" 
     app:expandedTitleMarginStart="140dp" 
     app:expandedTitleMarginBottom="90dp" 
     app:expandedTitleMarginEnd="64dp" 
     android:fitsSystemWindows="true"> 
     <ImageView 
      app:layout_collapseMode="parallax" 
      android:id="@+id/icon" 
      android:transitionName="pic" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:scaleType="centerCrop" 
      android:src="@drawable/missing_album_art" 
      android:tint="#AA000000" 
      android:fitsSystemWindows="true"/> 
     <FrameLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_marginBottom="20dp" 
      app:layout_collapseMode="parallax"> 
      <LinearLayout 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="bottom" 
       android:padding="20dp" 
       android:orientation="horizontal"> 
       <ImageView 
        android:layout_width="100dp" 
        android:layout_height="100dp" 
        android:id="@+id/smallicon"/> 
       <LinearLayout 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:orientation="vertical" 
        android:layout_gravity="bottom" 
        android:padding="20dp"> 
        <TextView 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:id="@+id/artist" 
         android:ellipsize="end" 
         android:singleLine="true" 
         android:textSize="24sp"/> 
        <TextView 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:ellipsize="end" 
         android:singleLine="true" 
         android:id="@+id/date"/> 
       </LinearLayout> 
      </LinearLayout> 
     </FrameLayout> 
     <android.support.v7.widget.Toolbar 
      android:id="@+id/main_toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light" 
      app:layout_collapseMode="pin" /> 
    </android.support.design.widget.CollapsingToolbarLayout> 
</android.support.design.widget.AppBarLayout> 
<android.support.v7.widget.RecyclerView 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior" 
    android:id="@+id/list" 
    android:dividerHeight="2dp" 
    android:transitionName="bottom"> 
</android.support.v7.widget.RecyclerView> 
</android.support.design.widget.CoordinatorLayout> 

Кроме того, я настроить макет параметрамами би т при создании деятельности:

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

Если вы не хотите 'Status Bar Color Transparent', вы можете изменить его с помощью' @ color/colorPrimaryDark '. –

+0

@jaydroider Я хочу, чтобы строка состояния оставалась прозрачной. Я просто не хочу, чтобы панель инструментов прокручивалась за панель состояния. – Timestretch

+0

Возьмите '' Recycler View' внутри 'Frame Layout' с' Height и Width', чтобы 'match_parent' попытался проверить это. –

ответ

1

Добавить android:fitsSystemWindows="true" в корень вашего макета т.е. CoordinatorLayout

Большую часть времени, ваше приложение не нужно будет сделать под строке состояния или панели навигации , но если вы это сделаете: вы должны убедиться, что интерактивные элементы (например, кнопки) не скрыты под ними. Это то, что поведение по умолчанию атрибута android: fitsSystemWindows = "true" дает вам: он устанавливает заполнение представления для обеспечения того, чтобы содержимое не накладывалось на системные окна.

Подробнее об этом here.

+0

Мне также пришлось перенести флаг fitsSystemWindows = "true" из Collapsingtoolbarlayout в appbarlayout. К сожалению, нет цвета под строкой состояния, но теперь это выглядит не так глючно! – Timestretch

Смежные вопросы