0

我正在尝试使用 Material Design Library 创建一个具有大背景图像的工具栏。工具栏后跟一个 ScrollView 。在 Scrolling 上,我的期望是工具栏会慢慢减小到它的最小高度,而 ScrollView 的其余部分会扩展以填满该区域。最初,当屏幕呈现时,它看起来像这样初始视图。滚动图像会缩短,但滚动视图不会扩展。滚动上看起来像这样在滚动 知道为什么会发生这种情况吗?

<android.support.design.widget.CoordinatorLayout 
android:id="@+id/draw_insets_frame_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"><android.support.v4.widget.NestedScrollView
   app:layout_behavior=
       "@string/appbar_scrolling_view_behavior"
   android:layout_width="match_parent"
   android:layout_height="match_parent">
   <android.support.v7.widget.CardView

       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:id="@+id/card_view_post"
       android:layout_margin="10dp"
       card_view:cardCornerRadius="@dimen/cardview_default_radius"
       card_view:cardUseCompatPadding="true"
       card_view:cardPreventCornerOverlap="true"
       android:elevation="@dimen/cardview_default_elevation"
       xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:card_view="http://schemas.android.com/apk/res-auto"
       style="@style/CardView.Light">
       <!--Has other Views inside it -->
   </android.support.v7.widget.CardView></android.support.v4.widget.NestedScrollView><!--App bar starts --><android.support.design.widget.AppBarLayout android:layout_width="match_parent"
    android:layout_height="wrap_content" android:minHeight="0dp">
    <android.support.v7.widget.Toolbar android:id="@+id/toolbar1"
        app:layout_scrollFlags="scroll|enterAlways"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="0dp" >

    </android.support.v7.widget.Toolbar>

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

4

1 回答 1

2

看起来我需要 CollapsingToolbarLayout。代码粘贴在下面,以防有人遇到同样的问题

<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    android:fitsSystemWindows="true">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_scrollFlags="scroll|exitUntilCollapsed"
        app:contentScrim="?attr/colorPrimary"
        app:expandedTitleMargin="100dp"
        android:fitsSystemWindows="true">

        <com.example.xyzreader.ui.SquareImageView
            android:id="@+id/image"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:scaleType="centerCrop"
            android:fitsSystemWindows="true"
            app:layout_collapseMode="parallax"/>

        <android.support.v7.widget.Toolbar
            android:fitsSystemWindows="true"
            android:id="@+id/toolbar1"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:layout_collapseMode="pin" />

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

</android.support.design.widget.AppBarLayout>
于 2015-08-09T12:53:48.910 回答