Android 与两个RecyclerViews协调布局
我试图使用两个RecyclerView在一个坐标布局与appbar布局。 但问题是,第二个recyclerview与第一个recyclerview重叠,而第一个recyclerview应该低于第一个recyclerview。我在谷歌上搜索这个,但没有合适的解决方案。 CoordinatorLayout是一个超级强大的框架布局 下面给出了我的代码片段:Android 与两个RecyclerViews协调布局,android,android-recyclerview,android-coordinatorlayout,Android,Android Recyclerview,Android Coordinatorlayout,我试图使用两个RecyclerView在一个坐标布局与appbar布局。 但问题是,第二个recyclerview与第一个recyclerview重叠,而第一个recyclerview应该低于第一个recyclerview。我在谷歌上搜索这个,但没有合适的解决方案。 CoordinatorLayout是一个超级强大的框架布局 下面给出了我的代码片段: <android.support.design.widget.CoordinatorLayout xmlns:android="http:/
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:fab="http://schemas.android.com/apk/res-auto"
android:id="@+id/layout_container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="366dp"
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/selfie_collasping_toolbar_background"
android:fitsSystemWindows="true"
app:contentScrim="@color/colorPrimary_selfie"
app:expandedTitleMarginBottom="255dp"
app:expandedTitleMarginStart="70dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:title="Check ins">
<RelativeLayout
android:id="@+id/collapsing_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="70dp"
android:fitsSystemWindows="true"
app:layout_collapseMode="parallax"
app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed">
<ImageView
android:id="@+id/offer_gift"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginLeft="15dp"
android:layout_marginTop="5dp"
android:src="@mipmap/image" />
</RelativeLayout>
<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/ThemeOverlay.AppCompat.Light" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<android.support.v7.widget.RecyclerView
android:id="@+id/RecyclerView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="3dp"
android:layout_marginLeft="3dp"
android:layout_marginRight="3dp"
android:layout_marginTop="15dp" />
<android.support.v7.widget.RecyclerView
android:id="@+id/RecyclerView2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/RecyclerView1"
android:layout_marginBottom="3dp"
android:layout_marginLeft="3dp"
android:layout_marginRight="3dp"
android:layout_marginTop="15dp" />
</RelativeLayout>
<com.getbase.floatingactionbutton.FloatingActionsMenu
android:id="@+id/fab"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="bottom|right">
---
</com.getbase.floatingactionbutton.FloatingActionsMenu>
</android.support.design.widget.CoordinatorLayout>
---
若recycler视图是CoordinatorLayout的主要子视图,那个么我将获得正确的recyclerview行为。但如果使用两个recyclerview作为CoordinatorLayout的子视图,则两个recyclerview将发生冲突。如果我在recyclerview2上使用下面的布局,则不会显示recyclerview2的数据,即坐标布局滚动条滚动,直到只显示recyclerview1数据…在代码中替换recyclerview2下面的布局
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:fab="http://schemas.android.com/apk/res-auto"
android:id="@+id/layout_container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="366dp"
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/selfie_collasping_toolbar_background"
android:fitsSystemWindows="true"
app:contentScrim="@color/colorPrimary_selfie"
app:expandedTitleMarginBottom="255dp"
app:expandedTitleMarginStart="70dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:title="Check ins">
<RelativeLayout
android:id="@+id/collapsing_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="70dp"
android:fitsSystemWindows="true"
app:layout_collapseMode="parallax"
app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed">
<ImageView
android:id="@+id/offer_gift"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginLeft="15dp"
android:layout_marginTop="5dp"
android:src="@mipmap/image" />
</RelativeLayout>
<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/ThemeOverlay.AppCompat.Light" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<android.support.v7.widget.RecyclerView
android:id="@+id/RecyclerView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="3dp"
android:layout_marginLeft="3dp"
android:layout_marginRight="3dp"
android:layout_marginTop="15dp" />
<android.support.v7.widget.RecyclerView
android:id="@+id/RecyclerView2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/RecyclerView1"
android:layout_marginBottom="3dp"
android:layout_marginLeft="3dp"
android:layout_marginRight="3dp"
android:layout_marginTop="15dp" />
</RelativeLayout>
<com.getbase.floatingactionbutton.FloatingActionsMenu
android:id="@+id/fab"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="bottom|right">
---
</com.getbase.floatingactionbutton.FloatingActionsMenu>
</android.support.design.widget.CoordinatorLayout>
---
用您的代码替换此代码,此问题将在第二个RecyclerView中解决。您在对齐时使用了错误的id:
android:layout_below="@+id/selfieItems"
将其更改为:
android:layout_below="@+id/RecyclerView1"
另外,如果我正确理解了您要实现的目标,那么使用支持库的一部分
NestedScrollView
,您可以更轻松地实现这一目标。只需将您的RelativeLayout
包装到这个滚动视图中 你能详细说明一下你到底想要实现什么吗?替换RecycleServiceW2下面的布局_不起作用。。。RecyclerView2数据隐藏,设备屏幕仅显示数据RecyclerView1。我已经试过用这个了。。。在RecycleServiceW2数据重新更正问题之前,坐标布局滚动不会滚动。。我也尝试使用NestedScrollView,但不起作用…@Rezaul尝试使用LinearLayout而不是NestedScrollView中的RelativeLayout,并告诉我您有什么。别忘了将方向设置为垂直,高度设置为包裹内容。我已按照您的建议更改为NestedScrollView内部的相对布局,但两个recyclerview数据都隐藏了。。。
<RelativeLayout
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<android.support.v7.widget.RecyclerView
android:id="@+id/RecyclerView1"
android:layout_height="wrap_content" />
<android.support.v7.widget.RecyclerView
android:id="@+id/RecyclerView2"
android:layout_height="wrap_content"
android:layout_below="@+id/RecyclerView1" />
</RelativeLayout>
<android.support.v4.widget.NestedScrollView
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior”>
<LinearLayout
android:layout_height=“wrap_content”
android:orientation=“vertical”>
<android.support.v7.widget.RecyclerView
android:id="@+id/RecyclerView1"
android:layout_height="wrap_content" />
<android.support.v7.widget.RecyclerView
android:id="@+id/RecyclerView2"
android:layout_height="wrap_content" />
</LinearLayout>
</android.support.v4.widget.NestedScrollView>