在CoordinatorLayout

时间:2017-11-10 11:20:53

标签: android android-layout android-fragments android-coordinatorlayout android-collapsingtoolbarlayout

我的HomeActivity包含片段,底部有自定义导航视图,如下所示。

enter image description here

通过点击profile pic,它会用UserProfileView片段替换片段。 userProfileView片段在coordinatorLayout中有Collapsing工具栏。

userprofileview.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:bind="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>

        <variable
            name="resource"
            type="com.example.app.model.ResourceData" />


        <import type="android.view.View" />

    </data>

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/bg_home"
        android:fitsSystemWindows="true">

        <android.support.design.widget.AppBarLayout
            android:id="@+id/app_bar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/bg_home">

            <android.support.design.widget.CollapsingToolbarLayout
                android:id="@+id/toolbar_layout"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:layout_scrollFlags="scroll|exitUntilCollapsed">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">


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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            app:layout_behavior="@string/appbar_scrolling_view_behavior">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/_10sdp"
                android:orientation="horizontal">

                <ImageView
                    android:id="@+id/ic_list"
                    android:layout_width="@dimen/_17sdp"
                    android:layout_height="@dimen/_17sdp"
                    android:layout_gravity="center"
                    android:layout_marginLeft="@dimen/_10sdp"
                    android:background="@drawable/ic_list_selected" />

                <ImageView
                    android:id="@+id/ic_grid_view"
                    android:layout_width="@dimen/_15sdp"
                    android:layout_height="@dimen/_15sdp"
                    android:layout_gravity="center"
                    android:layout_marginLeft="@dimen/_10sdp"
                    android:background="@drawable/ic_grid_unselected" />
            </LinearLayout>

            <android.support.v7.widget.RecyclerView
                android:visibility="gone"
                android:id="@+id/rv_post"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:resource="@{resource}" />

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

问题是当我点击底部导航菜单中的任何其他菜单时,它会滚动离开屏幕,如下所示。

enter image description here

在UserProfileView framgment中添加CoordinatorLayout后发生此问题。

如果我用LinearLayout替换CoordinatorLayout,那么它工作正常,但不能获得折叠工具栏的功能。

谢谢!

1 个答案:

答案 0 :(得分:1)

android:fitsSystemWindows="true"导致问题

fragment_user_profile.xml。简单......它使您的抽屉布局看起来全屏。

粗略地说,user屏幕保持最高指标边距,而home屏幕不会。所以主屏幕作为指标大小向上移动。 (实际上它不是,有关fitsSystemWindows的详细信息: Why would I want to fitsSystemWindows

因此,从fragment_user_profile.xml移除fitsSystemWindows将解决您的问题。

我建议您在fitsSystemWindows container_body添加activity_main.xml,但我不确定实际代码是什么,所以这是您的电话。