我们可以在Parallax Header ViewPager中使用Permanent ToolBar吗?

时间:2016-02-22 09:56:49

标签: android header android-viewpager

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

默认布局就像这个IMAGE 1&我需要和Permanent ToolBar一样。

enter image description here enter image description here

我需要知道是否可能。

1 个答案:

答案 0 :(得分: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");

    }