android - ScrollView 中的 CardView 与 RecyclerView/ListView

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 商店应用程序就像您所说的那样，带有某种可滚动的父容器来容纳卡片，每个卡片中都有某种适配器 View 。但同样有可能他们正在做完全不同的事情，例如使用单个 RecyclerView 并使用 ItemDecoration“伪造”卡片的外观。或者他们可能正在使用某种公众无法访问的自定义 View 子类。

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

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