android - 我们可以在 Parallax Header ViewPager 中使用 Permanent ToolBar 吗？

Question

我在 Parallax Header ViewPager 中永久设置 ToolBar(BLACK RECTANGLE) 时遇到问题。

默认布局就像这个图像 1，我需要像这样的永久工具栏。

我需要知道这是否可能。

Answer 1

请发布您当前使用的布局文件。

应该有办法做到这一点。 CollapsingToolbarLayout 中会有两个工具栏。您在折叠工具栏上使用 app:toolbarId 将一个工具栏指定为折叠工具栏。在此工具栏上，您可以设置主页/后退图标和选项菜单。不同的工具栏应该是折叠布局的第一个子项，并且具有 app:layout_collapseMode="pin"。在此工具栏上，您可以设置标题和可选的副标题。

这是我正在尝试的布局，我不得不删除 fitsSystemWindows 以使其看起来更好。试试看:

<?xml version="1.0" encoding="utf-8"?>
<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="com.example.pinnedtoolbar.ScrollingActivity">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/app_bar_height"
        android:theme="@style/AppTheme.AppBarOverlay">

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

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="?attr/actionBarSize"
                android:src="@drawable/abby"
                android:scaleType="centerCrop"
                app:layout_collapseMode="parallax"/>

            <android.support.v7.widget.Toolbar
                android:id="@+id/titleToolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:layout_collapseMode="pin" />

            <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/AppTheme.PopupOverlay" />

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

    <include layout="@layout/content_scrolling" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_dialog_email"
        app:layout_anchor="@id/app_bar"
        app:layout_anchorGravity="bottom|end" />

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

下面是它附带的一些代码:

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_scrolling);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        // erase the expanded title    
        getSupportActionBar().setTitle(null);

        // set the title on the other pinned toolbar
        Toolbar titleToolbar = (Toolbar) findViewById(R.id.titleToolbar);
        titleToolbar.setTitle("This is the real title");

    }