CollapsingToolbarLayout 折叠的标题位置不正确

Question

我有一个直截了当的 CollapsingToolbarLayout。 到目前为止它工作正常，但如果我折叠工具栏，标题的位置不会垂直居中。

这是我的布局：

<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:fitsSystemWindows="true">


<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar_layout"
    android:layout_width="match_parent"
    android:layout_height="@dimen/appbar_header_height_expanded"
    android:fitsSystemWindows="true"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:contentScrim="?attr/colorPrimary"
        app:expandedTitleMarginEnd="64dp"
        app:expandedTitleMarginStart="48dp"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

        <ImageView
            android:id="@+id/image"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true"
            android:scaleType="centerCrop"
            android:src="@drawable/placekitten_1"
            app:layout_collapseMode="parallax" />

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
    </android.support.design.widget.CollapsingToolbarLayout>


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


<android.support.v4.widget.NestedScrollView
    android:id="@+id/scroll"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipToPadding="false"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Text" />

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

看看我的截图，你可以看到它在两种状态下的表现。

这是折叠的工具栏的标题问题。

我的 BaseFragment 中有这个，可以将我的工具栏设置为实际的 Fragment：

protected void setToolbar(View view, int resource, String title, String subtitle) {
    Toolbar toolbar = view.findViewById(resource);
    ((AppCompatActivity) getActivity()).setSupportActionBar(toolbar);
    ((AppCompatActivity) getActivity()).getSupportActionBar().setTitle(title);
    ((AppCompatActivity) getActivity()).getSupportActionBar().setSubtitle(subtitle);
}

所以我发现，.. 如果我显示一个 Snackbar，那么标题会跳到正确的位置，并且展开/折叠效果很好！那么在显示 Snackbar 后有什么想法为什么它会起作用？

View view = findViewById(R.id.content_frame);
    Snackbar mySnackbar = Snackbar.make(view, text, Snackbar.LENGTH_LONG);
    mySnackbar.getView().setBackgroundColor(getResources().getColor(color));
    mySnackbar.show();

而 content_frame.xml 是主要活动的根布局：

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true" />

有什么想法吗？

Answer 1

问题是根CoordinatorLayout 中的android:fitsSystemWindows="true"。从 根布局 中删除该属性，并且标题表现良好。

Answer 2

我在此链接末尾尝试了解决方案：http://www.solutionscan.org/43500-android，它对我有用...

override fun onActivityCreated(savedInstanceState: Bundle?) {
    // ...
    collapsing_toolbar.post { collapsing_toolbar.requestLayout() }
}

唯一的区别是我使用的是片段和新的导航组件...

Answer 3

这是关于

((AppCompatActivity) getActivity()).setSupportActionBar(toolbar);

它总是得到对应于第一个片段的那个，所以对于其他片段它不起作用。 （只有当我将工具栏 ID 更改为错误的 ID 时，我才能重现该错误，这就是为什么您的片段之一没有问题的原因）

尝试在不同的片段布局中为每个 Toolbar 组件设置一个特定的 id，或者如果所有片段的 layout.xml 都相同，请想办法确保 setSupportActionBar 与您当前片段的确切工具栏视图。

Answer 4

将 android:fitsSystemWindows="true" 行也添加到工具栏。

<android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:fitsSystemWindows="true"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />