Прокрутка панели инструментов под строкой состояния

Я пытаюсь изучить CoordinatorLayout и его функции. Я использовал его в сочетании с AppBarLayout. Мой xml выглядит следующим образом:

<android.support.design.widget.CoordinatorLayout

android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:layout_scrollFlags="scroll|enterAlways" />

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

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_gravity="bottom|end"
        style="@style/FabStyle"/>

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

Проблема, с которой я столкнулся, заключается в том, что панель инструментов при прокрутке находится под строкой состояния. Я хочу, чтобы панель инструментов прокручивалась, когда я прокручиваю представление Recycler, но я не хочу, чтобы она попадала под строку состояния. Как мне предотвратить это.

Кроме того, когда я пытаюсь инкапсулировать CoordinatorLayout в другой макет, например: LinearLayout, основной цвет Dark, определенный в теме, не отображается в строке состояния. Он показывает основной цвет Dark, когда я использую его, как указано выше xml. Есть лучший способ сделать это?


android android-coordinatorlayout android-toolbar android-appbarlayout
person Roadblock    schedule 18.08.2015    source источник

Ответы (3)


arrow_upward
12
arrow_downward

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

<resources>>
<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
</style>

`

<resources>>
<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:statusBarColor">@color/colorPrimaryDark</item>
</style>

person Ryan Johnston    schedule 11.10.2015

arrow_upward
8
arrow_downward

У меня была аналогичная проблема. Моя была решена.

Добавлено android:fitsSystemWindows="true" в макет панели приложений. Добавлено app:layout_scrollFlags="scroll|enterAlways|snap" для панели инструментов. Ниже приведен макет, который у меня был.

<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"
tools:context=".HomeActivity">

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fitsSystemWindows="true"
    android:theme="@style/AppTheme.AppBarOverlay">
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways|snap"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    <android.support.design.widget.TabLayout
        android:id="@+id/id_tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

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

<android.support.v4.view.ViewPager
    android:id="@+id/id_viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

<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"/>
person Deepak Unnikrishnan    schedule 31.10.2015
comment
Я по ошибке добавил android:fitsSystemWindows="true" в CoordinatorLayout. Теперь проблема решена путем удаления android:fitsSystemWindows="true" из CoordinatorLayout, который был корневым представлением, и добавления его вместо этого в AppbarLayout. - person AKA; 23.03.2017

arrow_upward
0
arrow_downward

вы можете снова добавить тег корневого представления CoordinatorLayout и fitsystemwindows = true.

person ilumer    schedule 10.08.2016