在 ScrollView 中带有 RecyclerView/ListView 的 CardView
CardView with RecyclerView/ListView in ScrollView
tl;dr: 如何实现如下截图所示的布局?显然不推荐将 ListView 放置到 ScrollView 中,但实际上还有其他方法可以实现吗?
整个问题:我想在我的应用程序中有多个 CardView,其中一个(或多个)将包含 RecyclerView 或 ListView(它没有其中哪一个对我来说真的很重要)。整个视图应该是可滚动的——不仅是其父 CardView 中的 ListView。我基本上需要实现与 Play 商店应用类似的布局。
我尝试的第一个选项是这个(代码明显简化):
<LinearLayout android:orientation="vertical">
<CardView>
<!-- Some content of the first card. -->
</CardView>
<CardView>
<ListView/>
</CardView>
</LinearLayout>
结果不是我想要的,ListView 只能在其父 CardView 中滚动,但整个视图不能像在 Play 商店应用中那样滚动。所以现在我把它全部包装在一个 ScrollView 中:
<ScrollView
android:fillViewport="true"
android:isScrollContainer="true">
<LinearLayout orientation="vertical">
<CardView>
<!-- Some content of the first card. -->
</CardView>
<CardView>
<ListView/>
</CardView>
</LinearLayout>
</ScrollView>
并且我以编程方式设置底部卡片的高度以适合 ListView 的高度(ListView 中的元素数 * 一个列表项元素的高度)。现在整个视图是可滚动的,底部卡片的高度与 ListView 的高度相同,因此 ListView 在 CardView 内不可滚动,这正是我想要的。
现在实际的问题是:我按照上面的描述让它工作,但我知道这个特定的问题(ScrollView 中的 ListView)已经被问过很多次了,答案是始终如一 - 不要将 RecyclerView 和 ListView 都放在 ScrollView 中,因为这会导致性能问题。好吧,那么正确的方法是什么? Google 是如何在 Play 商店应用中做到这一点的?我尝试使用 APKTool 反编译 Play Store 应用程序,但没有任何布局文件(也许我做错了什么)。我的方法正确吗?我的 ListView 只会显示几个项目(我猜最多 20 个项目)- 在这种情况下会不会导致一些性能问题?
如果不是所有答案都提到我们不应该将 ListView 放在 ScrollView 中,我就不会问这个问题。有没有其他方法可以实现上面截图描述的布局?
为此,我建议您使用 Sectioned RecyclerView。每个项目布局都会有一个 cardView,而不是创建一个 cardView 作为父级。
引用这个库:https://github.com/luizgrp/SectionedRecyclerViewAdapter
首先要解决的是为什么你"not supposed to"在ListView
或RecyclerView
上使用wrap_content
并将其放在可滚动的容器中:它破坏了这些组件的整个视图回收目的。
ListView
或 RecyclerView
比 ScrollView
中的 LinearLayout
更好的原因是系统只需要创建足够的视图来显示适合内部的所有内容可见区域。当您 "scroll" 可见区域时,从一端消失的视图可以重新用于从另一端滚动到视图中的视图。当你让你的 list/recycler wrap_content
时,这种回收是不可能的,所以你还不如手动将你的视图添加到 LinearLayout
中。
话虽这么说,RecyclerView
支持使用 wrap_content
... 这只是意味着您将无法回收视图。如果这种性能下降不会给您带来问题,那么这里就没有 客观上邪恶的 代码。
确定性能损失是否有问题的唯一方法是尝试、测试、测量并自行决定。 20条,估计你不用担心
接下来要考虑的是 Google 拥有大量的资源和人力,并且可以非常聪明。也许 Play Store 应用程序就像您所说的那样,带有某种可滚动的父容器,其中包含卡片,每张卡片中都有某种适配器视图。但同样有可能他们正在做一些完全不同的事情,比如使用单个 RecyclerView
和 "faking" 卡片的外观,使用 ItemDecoration
。或者他们可能正在使用 public 无法访问的某种自定义视图子类。
至于如何重新创建类似的东西,我怀疑像这样的层次结构会工作得很好:
<NestedScrollView>
<LinearLayout>
<CardView>
<RecyclerView/>
</CardView>
<CardView>
<RecyclerView/>
</CardView>
<CardView>
<RecyclerView/>
</CardView>
</LinearLayout>
</NestedScrollView>
tl;dr: 如何实现如下截图所示的布局?显然不推荐将 ListView 放置到 ScrollView 中,但实际上还有其他方法可以实现吗?
整个问题:我想在我的应用程序中有多个 CardView,其中一个(或多个)将包含 RecyclerView 或 ListView(它没有其中哪一个对我来说真的很重要)。整个视图应该是可滚动的——不仅是其父 CardView 中的 ListView。我基本上需要实现与 Play 商店应用类似的布局。
我尝试的第一个选项是这个(代码明显简化):
<LinearLayout android:orientation="vertical">
<CardView>
<!-- Some content of the first card. -->
</CardView>
<CardView>
<ListView/>
</CardView>
</LinearLayout>
结果不是我想要的,ListView 只能在其父 CardView 中滚动,但整个视图不能像在 Play 商店应用中那样滚动。所以现在我把它全部包装在一个 ScrollView 中:
<ScrollView
android:fillViewport="true"
android:isScrollContainer="true">
<LinearLayout orientation="vertical">
<CardView>
<!-- Some content of the first card. -->
</CardView>
<CardView>
<ListView/>
</CardView>
</LinearLayout>
</ScrollView>
并且我以编程方式设置底部卡片的高度以适合 ListView 的高度(ListView 中的元素数 * 一个列表项元素的高度)。现在整个视图是可滚动的,底部卡片的高度与 ListView 的高度相同,因此 ListView 在 CardView 内不可滚动,这正是我想要的。
现在实际的问题是:我按照上面的描述让它工作,但我知道这个特定的问题(ScrollView 中的 ListView)已经被问过很多次了,答案是始终如一 - 不要将 RecyclerView 和 ListView 都放在 ScrollView 中,因为这会导致性能问题。好吧,那么正确的方法是什么? Google 是如何在 Play 商店应用中做到这一点的?我尝试使用 APKTool 反编译 Play Store 应用程序,但没有任何布局文件(也许我做错了什么)。我的方法正确吗?我的 ListView 只会显示几个项目(我猜最多 20 个项目)- 在这种情况下会不会导致一些性能问题?
如果不是所有答案都提到我们不应该将 ListView 放在 ScrollView 中,我就不会问这个问题。有没有其他方法可以实现上面截图描述的布局?
为此,我建议您使用 Sectioned RecyclerView。每个项目布局都会有一个 cardView,而不是创建一个 cardView 作为父级。
引用这个库:https://github.com/luizgrp/SectionedRecyclerViewAdapter
首先要解决的是为什么你"not supposed to"在ListView
或RecyclerView
上使用wrap_content
并将其放在可滚动的容器中:它破坏了这些组件的整个视图回收目的。
ListView
或 RecyclerView
比 ScrollView
中的 LinearLayout
更好的原因是系统只需要创建足够的视图来显示适合内部的所有内容可见区域。当您 "scroll" 可见区域时,从一端消失的视图可以重新用于从另一端滚动到视图中的视图。当你让你的 list/recycler wrap_content
时,这种回收是不可能的,所以你还不如手动将你的视图添加到 LinearLayout
中。
话虽这么说,RecyclerView
支持使用 wrap_content
... 这只是意味着您将无法回收视图。如果这种性能下降不会给您带来问题,那么这里就没有 客观上邪恶的 代码。
确定性能损失是否有问题的唯一方法是尝试、测试、测量并自行决定。 20条,估计你不用担心
接下来要考虑的是 Google 拥有大量的资源和人力,并且可以非常聪明。也许 Play Store 应用程序就像您所说的那样,带有某种可滚动的父容器,其中包含卡片,每张卡片中都有某种适配器视图。但同样有可能他们正在做一些完全不同的事情,比如使用单个 RecyclerView
和 "faking" 卡片的外观,使用 ItemDecoration
。或者他们可能正在使用 public 无法访问的某种自定义视图子类。
至于如何重新创建类似的东西,我怀疑像这样的层次结构会工作得很好:
<NestedScrollView>
<LinearLayout>
<CardView>
<RecyclerView/>
</CardView>
<CardView>
<RecyclerView/>
</CardView>
<CardView>
<RecyclerView/>
</CardView>
</LinearLayout>
</NestedScrollView>