CollapsingToolbarLayout折叠标题位置错误

时间:2017-10-24 11:34:29

标签: android android-collapsingtoolbarlayout

我有一个直接的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>

查看我的屏幕截图,以便了解它在两种状态下的表现。

expanded toolbar

以下是折叠工具栏标题的问题。

enter image description here

我在我的BaseFragment中将此工具栏设置为实际片段:

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" />

任何想法?

4 个答案:

答案 0 :(得分:8)

问题是android:fitsSystemWindows =&#34; true&#34;在根CoordinatorLayout中。从根布局中删除该属性,标题表现良好。

答案 1 :(得分:2)

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

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

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

答案 2 :(得分:1)

这是关于

的事情
  

((AppCompatActivity)getActivity())。setSupportActionBar(toolbar);

它总是得到与第一个片段对应的那个,所以对于其他片段,它没有工作。 (只有当我将工具栏ID更改为错误的时,我才能重现错误,并解释为什么你的某个片段没有问题)

尝试为不同的片段布局中的每个工具栏组件设置特定ID,或者如果所有片段的 layout.xml 相同,请找到确保 setSupportActionBar的方法,使用当前片段的确切工具栏视图。

答案 3 :(得分:0)

还将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" />