21

我有一个 CollapsingToolbarLayout 设置，并且我在那里放置了一张壁纸。我希望能够阻止它一路崩溃。

我已经尝试过 minheight 和许多其他的东西，但无法弄清楚。

我怎样才能让它停止折叠到第二个屏幕截图？

查看活动何时加载

加载视图

所需停止点

期望的停靠点

当前停止点

当前停止点

4

3 回答 3

14

CollapsingToolbarLayout与工作非常密切，Toolbar因此折叠高度取决于工具栏。

我能够使用此布局解决您的问题（注意它进入正常CoordinatorLayout/AppBarLayout设置，使用 Fab 和 aNestedScrollView或RecyclerView）：

<android.support.design.widget.CollapsingToolbarLayout
    android:id="@+id/collapsing_toolbar"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    app:layout_scrollFlags="scroll|exitUntilCollapsed"
    app:statusBarScrim="?attr/colorPrimaryDark"
    app:contentScrim="@android:color/transparent"
    app:titleEnabled="false"
    >
    <!-- There isnt a contentSCrim attribute so the toolbar is transparent after being
         collapsed
         Disabled the title also as you wont be needing it -->

    <ImageView
        android:id="@+id/image_v"
        android:layout_width="match_parent"
        android:layout_height="360dp"
        android:layout_gravity="center"
        android:scaleType="centerCrop"
        android:src="@drawable/md2"
        android:fitsSystemWindows="true"
        app:layout_collapseMode="parallax"
        tools:ignore="ContentDescription"
        />
        <!-- Normal Imageview. Nothing interesting -->

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="168dp"
        app:layout_collapseMode="pin"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        />
        <!-- The toolbar is styled normally. However we disable the title also in code.
        Toolbar height is the main component that determines the collapsed height -->

    <TextView
        android:text="@string/app_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="?attr/colorPrimaryDark"
        android:paddingLeft="72dp"
        android:paddingRight="0dp"
        android:paddingBottom="24dp"
        android:paddingTop="24dp"
        android:textColor="@android:color/white"
        android:textAppearance="@style/TextAppearance.AppCompat.Headline"
        />
        <!-- The title textView -->

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

相关活动如下所示：

    ...
    setSupportActionBar((Toolbar) findViewById(R.id.toolbar));
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);

    // Disable toolbar title
    getSupportActionBar().setDisplayShowTitleEnabled(false);
    ...

这是互动视频

在此处输入图像描述

于 2015-08-25T18:01:57.520 回答
13

我遇到了同样的问题。

首先，我只是按照前面的答案中的描述设置了 Toolbar 的高度，它可以工作。

但这导致了另一个问题。工具栏视图吃触摸事件，所以我的折叠视图（即 MapView）在工具栏重叠的部分不接受任何触摸事件。

最后我的解决方案是从 CollapsingToolbarLayout 中删除 Toolbar。就我而言，这没关系，因为我只用它来限制折叠。并在 onCreateView 中设置最小折叠高度，如下所示：

CollapsingToolbarLayout layoutCollapsing = (CollapsingToolbarLayout) rootView.findViewById(R.id.layoutCollapsing);
layoutCollapsing.setMinimumHeight(120);
于 2016-01-10T07:45:22.080 回答
1

只需将所需的停止高度添加到您的工具栏并app:contentScrim="#00000000"为您的 CollapsingToolbarLayout 设置。

  <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:contentScrim="#00000000"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">
        <ImageView
            android:id="@+id/ImageView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/image"
            app:layout_collapseMode="parallax"/>

        <android.support.v7.widget.Toolbar
            android:layout_width="match_parent"
            android:layout_height="100dp"
        /> <!-- set desired stop-height as height -->

    </android.support.design.widget.CollapsingToolbarLayout>
于 2015-09-08T11:21:11.570 回答