在我的ProfileFragment.java
中,我有一个合拢工具栏,其中包含用户横幅和个人资料图像。同样在该片段中,我还有一个 NestedScrollView (包含在我的XML中),以使折叠的工具栏在用户滚动片段时折叠。在该嵌套ScrollView 中,我有一个 RecyclerView 。我要实现的是,当用户滚动RecyclerView时,折叠的工具栏将折叠。我没有实现这一目标,我也不知道为什么。
这是我在ProfileFragment.java
<include
layout="@layout/content_scrolling_profile"
android:layout_width="match_parent"
android:layout_height="443dp"
android:layout_marginTop="203dp" />
这是包含以下内容的XML:
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView 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="fill_parent"
android:layout_height="match_parent"
android:paddingTop="30dp"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerViewFotosPerfil"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentBottom="true"
android:layout_alignParentStart="true"
android:layout_marginEnd="20dp"
android:layout_marginStart="20dp"
android:layout_marginTop="60dp"
android:paddingBottom="-150dp">
</android.support.v7.widget.RecyclerView>
如果用户滚动了recyclerview而不是滚动条,为什么我无法获得折叠条的效果?
编辑
这只是我想要的示例。在这里,完整图像是 Collapsing Toolbar (折叠工具栏),文本是 NestedScrollView ,其中包含TextView。当我向上滚动NestedScrollView时,工具栏再次变大。
我想这样做,但是要在嵌套的滚动视图中使用 Recycler View ,并且要使用此尺寸的折叠式工具栏。 (我想把它放在折叠的工具栏后面)
这是我的主要XML
<?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"
android:layout_width="match_parent" android:layout_height="match_parent"
android:background="@color/colorWhite"
android:orientation="vertical"
xmlns:tools="http://schemas.android.com/tools">
<android.support.design.widget.AppBarLayout
android:id="@+id/testeparabackground"
android:layout_width="match_parent"
android:layout_height="203dp"
android:background="?attr/actionBarDivider">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/backgroundcollapsedtoolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:expandedTitleMarginEnd="64dp"
app:expandedTitleMarginStart="48dp"
app:layout_scrollFlags="exitUntilCollapsed|scroll">
<ImageView
android:id="@+id/imgFotoCapa"
android:layout_width="446dp"
android:layout_height="203dp"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:paddingLeft="-32dp"
android:visibility="visible"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:srcCompat="@drawable/banner_profile"
tools:layout_editor_absoluteY="1dp" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbarid"
android:layout_width="match_parent"
android:layout_height="110dp"
app:layout_collapseMode="pin"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
</android.support.v7.widget.Toolbar>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<ImageView
android:id="@+id/picFotoPerfil3"
android:layout_width="117dp"
android:layout_height="103dp"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="-75dp"
android:elevation="50dp"
app:layout_anchor="@+id/testeparabackground"
app:layout_anchorGravity="bottom|center"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@android:color/black" />
<TextView
android:id="@+id/txtLocalizacao2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginRight="75dp"
android:layout_marginTop="262dp"
android:text="@string/LocalizacaoAtual"
android:textAlignment="center"
android:textColor="@color/colorWhiteGrey"
android:textSize="14sp"
app:layout_anchor="@+id/testeparabackground"
app:layout_anchorGravity="right|center"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.543"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/picFotoPerfil3"
app:layout_constraintVertical_bias="0.126"
tools:ignore="MissingConstraints" />
<TextView
android:id="@+id/txtProfileTitulo3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="172dp"
android:paddingTop="20dp"
android:text="@string/PerfilTitulo"
android:textColor="@android:color/white"
android:textSize="20sp"
app:layout_anchor="@+id/testeparabackground"
app:layout_anchorGravity="top|center"
app:layout_constraintBottom_toTopOf="@+id/picFotoPerfil3"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.501"
app:layout_constraintStart_toStartOf="parent" />
<TextView
android:id="@+id/txtNomeUtilizador2"
android:layout_width="220dp"
android:layout_height="wrap_content"
android:layout_above="@+id/txtLocalizacao2"
android:layout_centerHorizontal="true"
android:layout_marginBottom="-4dp"
android:paddingTop="30dp"
android:text="@string/NomeUtilizador"
android:textAlignment="center"
android:textColor="#323B45"
android:textSize="18sp"
app:layout_anchor="@+id/picFotoPerfil3"
app:layout_anchorGravity="bottom|center"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/picFotoPerfil3"
app:layout_constraintVertical_bias="0.042"
tools:ignore="MissingConstraints" />
<include
layout="@layout/content_scrolling_profile"
android:layout_width="match_parent"
android:layout_height="443dp"
android:layout_marginTop="203dp" />
答案 0 :(得分:0)
这就是我在应用程序中完成的方式-
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar_layout"
android:layout_width="match_parent"
android:layout_height="@dimen/app_bar_height"
android:fitsSystemWindows="true"
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"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:toolbarId="@+id/toolbar">
<ImageView
android:id="@+id/collapsing_toolbar_image"
android:layout_width="match_parent"
android:layout_height="200dp"
android:tint="@color/colorWhite"
android:scaleType="centerCrop"
android:src="@drawable/ic_logo"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.7" />
<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>
此处的关键属性是“ layout_scrollFlags”,使向下滚动时工具栏可以折叠。希望这会有所帮助。
编辑-您是否在widget.Toolbar
中包含了CollapsingToolbarLayout
?上面的布局代码为我提供了您所需要的确切信息。