使用CollapsingToolbar显示活动工具栏的片段

时间:2015-11-11 20:09:52

标签: android android-fragments android-actionbar android-actionbar-compat android-collapsingtoolbarlayout

我的片段中有一个CollapsingToolbarLayout并且显示正常,就是App Toolbar也正在显示。我尝试这个解决方案:Can I use CollapsingToolbarLayout in a Fragment from Navigation Drawer但不适合我...

这是我的片段AppBarLayout:

<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/layout_bar"
    android:layout_width="match_parent"
    android:layout_height="192dp">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapse_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        android:popupTheme="@style/ThemeOverlay.AppCompat.Dark"
        app:contentScrim="#FFf3802b"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

        <ImageView
            android:id="@+id/brandLogo"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:adjustViewBounds="true"
            android:contentDescription="@string/logo_icon"
            android:scaleType="centerCrop"
            android:src="@drawable/avatar_krono"
            app:layout_collapseMode="parallax"/>

        <android.support.v7.widget.Toolbar
            android:id="@+id/fragment_toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            android:popupTheme="@style/ThemeOverlay.AppCompat.Dark"
            app:layout_collapseMode="pin"/>

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

    ...

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

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

我的父活动(activity_main.xml):

<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_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">

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

    <android.support.v7.widget.Toolbar
        android:id="@+id/appToolbar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:minHeight="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        android:popupTheme="@style/ThemeOverlay.AppCompat.Dark"/>

    <!-- Framelayout to display Fragments -->
    <FrameLayout
        android:id="@+id/frame_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

<!-- NavigationView to display slider menu -->
<android.support.design.widget.NavigationView
    android:id="@+id/navigation_view"
    android:layout_width="280dp"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:fitsSystemWindows="true"
    app:headerLayout="@layout/nav_header"
    app:menu="@menu/drawer_view" />

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

我在myFragmentActivity中使用(只是为了尝试)这一行来改变我的APPToolBar的标题,它真的改变了:

((AppCompatActivity) getActivity()).getSupportActionBar().setTitle("Title");

然后,我尝试使用此行隐藏我的appToolbar但是无法正常工作,我的appToolbar始终显示:

((AppCompatActivity) getActivity()).getSupportActionBar().hide();

有什么建议吗?

3 个答案:

答案 0 :(得分:0)

您在为此片段充气的活动中使用了哪种类型的布局?也许CoordinatorLayout可以解决您的问题。

http://developer.android.com/reference/android/support/design/widget/AppBarLayout.html

https://guides.codepath.com/android/Handling-Scrolls-with-CoordinatorLayout

答案 1 :(得分:0)

您的片段会替换内层,但不会取代Acitvity工具栏。一切正常都应该与片段容器和工具栏放在一起。在您的代码中:

<!-- Use this LinearLayout for container -->
<LinearLayout
    android:id="@+id/correct_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        android:id="@+id/appToolbar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:minHeight="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        android:popupTheme="@style/ThemeOverlay.AppCompat.Dark"/>

    <!-- Framelayout to display Fragments -->
    <FrameLayout
        android:id="@+id/frame_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

当然,我们可以使用其他解决方案。我们可以在MainActivity中创建函数并调用所有片段来关闭实际工具栏(执行与您不同的其他代码)。还有其他....

答案 2 :(得分:0)

切换折叠的布局片段时,将颜色更改为透明。

通过此操作,您将获得解决方案:

https://stackoverflow.com/a/57771274/5328951