RecyclerView + ImageView滚动

时间:2017-06-23 13:02:27

标签: android scroll android-recyclerview android-scrollview

我有RecyclerView

下面的水平ImageViewRecyclerView

以下是相关的xml代码:

<android.support.v7.widget.RecyclerView
    android:id="@+id/my_rv"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_above="@+id/upArrow">

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

<!-- TODO: This view should be part of the recyclerview scroll, we should find a solution for this -->
<ImageView
    android:id="@+id/upArrow"
    android:layout_marginTop="6dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_my_up_triangle_vector"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true" />

我想实现以下滚动效果:

当尝试滚动RecyclerView和/或其下方的ImageView时,RecyclerView会相应滚动,并且imageview将保留在原始位置。 基本上我想要实现的是扩展RecyclerView滚动边界以包含所有Imageview的高度

我在考虑设置一个包含这两个视图的ScrollView,但我不确定该怎么做。

3 个答案:

答案 0 :(得分:1)

在您的xml文件中

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_width="match_parent">

<!-- TODO: This view should be part of the recyclerview scroll, we should find a solution for this -->
<ImageView
    android:id="@+id/upArrow"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:src="@drawable/ic_my_up_triangle_vector"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true" />

<android.support.v7.widget.RecyclerView
    android:id="@+id/my_rv"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentTop="true"
    android:paddingBottom="40dp">

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

</RelativeLayout>

此代码的作用是将RecyclerView置于ImageView之上,底部的填充用于显示底部的图像。相应地更改ImageView的高度和RecyclerView的填充。

答案 1 :(得分:0)

在我看到的问题中,你已经有了一些贬票。我认为那些是针对你的问题而实际上并不清楚,而你试图实现的解决方案也不是正确的方法。

从您的布局代码中,我了解到您需要一个向上箭头按钮,当点击它时,它会滚动到RecyclerView的顶部,并且您希望按钮保持在底部您要访问的页面。您希望RecyclerView按原样滚动,箭头按钮保持原样。如果是这种情况,那么您需要重新考虑布局和Activity流程设计。您需要使RecyclerView和箭头按钮完全不相交。

因此,根据我对您的问题的假设,您需要一个Activity,其中包含一个浮动操作按钮并保留FragmentFragmentRecyclerView使浮动操作按钮(对于向上箭头)和RecyclerView完全不相交。

所以你需要ActivityActivity的布局应该是这样的。

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

    <RelativeLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab_up"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_margin="@dimen/activity_horizontal_margin"
        android:src="@drawable/ic_up_arrow"
        app:backgroundTint="@color/colorPrimary"
        app:borderWidth="0dp"
        app:elevation="4dp"
        app:fabSize="normal" />

</RelativeLayout>

onCreate的{​​{1}}功能应如下所示。

Activity

现在,@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_layout); getSupportActionBar().setDisplayHomeAsUpEnabled(true); mFabUpArrow = (FloatingActionButton) findViewById(R.id.fab_up); mFabUpArrow.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { jumpToTopOfTheRecyclerView(); } }); // Now launch the Fragment from here. getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, new RecyclerViewFragment()).commit(); } 应该具有以下布局,其中包含RecyclerViewFragment

RecyclerView

我认为您已经知道如何填充<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.v7.widget.RecyclerView android:id="@+id/your_list" android:layout_width="match_parent" android:layout_height="match_parent" /> </RelativeLayout> 并在RecyclerView中执行此操作。

您可能会询问如何在Fragment中实施jumpToTopOfTheRecyclerView()功能。它很简单,你有几种选择。一种方法可能是在Activity中使用BroadcastReceiver并从Fragment发送广播,这不是一个好方法。您可能会在ActivityActivity之间找到一些非常容易沟通的内容。祝你好运。

答案 2 :(得分:0)

您可以将标题和RecyclerView放在NestedScrollView中:

    <android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >
        <android.support.v7.widget.RecyclerView
            android:id="@+id/my_rv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_above="@+id/upArrow">

        </android.support.v7.widget.RecyclerView>
        <ImageView
            android:id="@+id/upArrow"
            android:layout_marginTop="6dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_my_up_triangle_vector"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true" />

    </LinearLayout>

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

并在Java代码中生成mRecyclerView.setNestedScrollingEnabled(false);正确滚动信用 check this anser