android - 在 ScrollView 中使用 RecyclerView/ListView 的 CardView

Question

tl;dr: 如何实现下面屏幕截图所示的布局？将 ListView 放置到 ScrollView 显然是不推荐的，但实际上还有其他方法可以实现吗？

整个问题:我想在我的应用程序中有多个 CardView，其中一个(或多个)将包含 RecyclerView 或 ListView(对我来说哪个并不重要)其中一个)。整个 View 应该是可滚动的——不仅是其父 CardView 中的 ListView。我基本上需要实现与 Play 商店应用类似的布局。

我尝试的第一个选项是这个(代码明显简化了):

<LinearLayout android:orientation="vertical">
    <CardView>
        <!-- Some content of the first card. -->
    </CardView>
    <CardView>
        <ListView/>
    </CardView>
</LinearLayout>

结果不是我想要的，ListView 只能在其父 CardView 中滚动，但整个 View 不能像在 Play Store 应用程序中那样滚动。所以现在我将它全部包装在一个 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 中的元素数 * 一个列表项元素的高度)。现在整个 View 是可滚动的，底部卡片的高度与 ListView 的高度相同，因此 ListView 在 CardView 内不可滚动，这正是我想要的。

现在实际的问题是:我按照上面的描述让它工作，但我知道这个特定的问题(ScrollView 中的 ListView)之前已经被问过很多次而且答案总是一样的- 不要将 RecyclerView 和 ListView 都放在 ScrollView 中，因为这会导致性能问题。好吧，那么正确的方法是什么？ Google 是如何在 Play 商店应用中做到这一点的？我尝试使用 APKTool 反编译 Play Store 应用程序，但没有任何布局文件(也许我做错了什么)。我的方法正确吗？我的 ListView 将只显示几个项目(我猜最多 20 个项目)- 在这种情况下会导致一些性能问题吗？

如果所有的答案都不总是提到我们不应该将 ListView 放在 ScrollView 中，我就不会问这个问题。有没有其他方法可以实现上面截图描述的布局？

Answer 1

首先要解决的是为什么您“不应该”在ListView 或RecyclerView 上使用wrap_content 并将其放在可滚动的容器中:它破坏了这些组件的整个 View 回收目的。

ListView 或 RecyclerView 比 ScrollView 中的 LinearLayout 更好的原因是系统只需要创建足够的 View 以显示适合可见区域内的所有内容。当您“滚动”可见区域时，从一端消失的 View 可以重新用于从另一端滚动到 View 中的 View 。当您创建列表/回收器 wrap_content 时，这种回收是不可能的，因此您最好手动将 View 添加到 LinearLayout。

话虽这么说，RecyclerView 确实 支持使用 wrap_content...这只是意味着您不会获得 View 回收。如果这种性能下降不会给您带来问题，那么这里就没有客观上邪恶的代码。

要确定性能损失是否有问题，唯一的方法就是尝试、测试、测量并自行决定。有 20 件元素，我想您没有什么可担心的。

接下来要考虑的事实是，Google 拥有大量的资源和人力，并且可以非常聪明。也许 Play Store 应用程序就像您所说的那样，带有某种可滚动的父容器，其中包含卡片，每张卡片中都有某种适配器 View 。但同样有可能他们正在做一些完全不同的事情，例如使用单个 RecyclerView 并使用 ItemDecoration“伪造”卡片的外观。或者他们可能正在使用某种公众无法访问的自定义 View 子类。

至于如何重新创建类似的东西，我怀疑像这样的层次结构会工作得很好:

<NestedScrollView>
  <LinearLayout>
     <CardView>
       <RecyclerView/>
     </CardView>
     <CardView>
       <RecyclerView/>
     </CardView>
     <CardView>
       <RecyclerView/>
     </CardView>
  </LinearLayout>
</NestedScrollView>