11

我正在使用下面的布局，CoordinatorLayout它里面的 Hold AppBarLayout(WithToolbar和TabLayoutinside) 和 placeholder RelativeLayout，所以我可以在上面添加和替换片段。

我遇到边距错误，我在 RelativeLayout 上添加的片段总是会过度扩展超出屏幕底部（数量类似于AppBarLayout高度的大小），我尝试将它的高度设置为wrap_contentand match_parent，在这两种情况下它过火了。

如果我app:layout_behavior="@string/appbar_scrolling_view_behavior"从RelativeLayout顶部删除它，它将在下面，AppBarLayout这也不是预期的结果。

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

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

        <android.support.design.widget.AppBarLayout
            android:id="@+id/appbar"
            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.TabLayout
                android:id="@+id/tabs"
                app:tabIndicatorHeight="4dp"
                app:tabIndicatorColor="#ffffff"
                app:tabMode="scrollable"
                android:visibility="gone"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

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


        <RelativeLayout
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            android:id="@+id/main_fragment_container"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>


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


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

<android.support.design.widget.NavigationView
    android:id="@+id/nav_view"
    android:layout_height="match_parent"
    android:layout_width="wrap_content"
    android:layout_gravity="start"
    android:fitsSystemWindows="true"
    app:headerLayout="@layout/nav_header"
    app:menu="@menu/drawer_view"/>

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

4 回答 4

3

在使用协调器布局时，我已经解决了在工具栏下方显示片段的问题。我的问题是：

在此图像中，它显示片段与工具栏重叠。

现在只需将您的 AppBarLayout 和 FrameLayout 放在 LinearLayout 中，如下所示，

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

        <android.support.design.widget.AppBarLayout
            android:id="@+id/mainappbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            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"/>

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

        <FrameLayout
            android:id="@+id/frame_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </LinearLayout>

现在你的问题解决了。它会是这样的。

最后的图像。

于 2016-02-17T16:36:56.207 回答
2

如果您在片段中有一个 ScrollView，您也会看到这个问题。因此，请确保您使用的是 NestedScrollView：

<android.support.v4.widget.NestedScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
于 2015-07-20T15:19:34.557 回答
1

有同样的问题。更改RelativeLayout为FrameLayoutwith 参数app:layout_behavior="@string/appbar_scrolling_view_behavior"解决了我的问题。

<FrameLayout
    android:id="@+id/main_fragment_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
于 2016-05-16T14:16:07.857 回答
0

该问题已通过更新 recyclerview 库（至 com.android.support:recyclerview-v7:22.2.0）解决

我正在加载的片段中有一个 recyclerview。

于 2015-07-20T15:11:36.450 回答