用户滚动片段时的折叠栏(NestedScrollView)

时间:2018-07-16 10:05:11

标签: java android xml

在我的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时,工具栏再次变大。

enter image description here

我想这样做,但是要在嵌套的滚动视图中使用 Recycler View ,并且要使用此尺寸的折叠式工具栏。 (我想把它放在折叠的工具栏后面)

enter image description here

这是我的主要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" />

1 个答案:

答案 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?上面的布局代码为我提供了您所需要的确切信息。