Android 如何将cardview拆分为多列,以使所有内容在零件中可见?

Android 如何将cardview拆分为多列,以使所有内容在零件中可见?,android,android-cardview,cardslib,Android,Android Cardview,Cardslib,我在一个POS系统上工作,该系统需要一个送货屏幕,在该屏幕中,我必须在Cardview中以列表的列数显示所有订单 如图所示: 我正在使用在我的应用程序中获取cardsview。你能帮我用cardslib实现这种布局吗。或者你能建议我怎么做才能在我的应用程序中有这样的布局吗 我也试过了,但没有想到像上图所示的黄牌那样将卡片分成多列。请帮助我。最后,我找到了此查询的解决方法。我找到了一个可以帮助我垂直添加数据和水平滚动的工具。我使用这个库时,根据屏幕大小保持行数和列数不变,并在gridView中引

我在一个POS系统上工作,该系统需要一个送货屏幕,在该屏幕中,我必须在Cardview中以列表的列数显示所有订单

如图所示:

我正在使用在我的应用程序中获取cardsview。你能帮我用cardslib实现这种布局吗。或者你能建议我怎么做才能在我的应用程序中有这样的布局吗


我也试过了,但没有想到像上图所示的黄牌那样将卡片分成多列。请帮助我。

最后,我找到了此查询的解决方法。我找到了一个可以帮助我垂直添加数据和水平滚动的工具。我使用这个库时,根据屏幕大小保持行数和列数不变,并在gridView中引用它们。以下代码是从上述库中使用的代码

<com.jess.ui.TwoWayGridView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/horz_gridview"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:background="#FFC4C4C4"
    app:cacheColorHint="#E8E8E8"
    app:verticalSpacing="-4dp"
    app:horizontalSpacing="0dp"
    app:stretchMode="none"
    app:scrollDirectionPortrait="horizontal"
    app:scrollDirectionLandscape="horizontal"
    app:gravity="center"
    android:layout_gravity="center"/>

然后,做一个布局,用它填充gridView的每个单元格。您必须创建一个适配器,用各自的内容填充网格的每个单元格

我只是假设网格的每个单元都有一条视图线。单个单元格中没有多行。要显示卡片的开始和结束,可以对开始和结束单元格使用不同的背景色

简言之:您必须制作一个数据列表,并在适配器的帮助下将其放入网格中


您可以将其引用到上面的库中。

每列的视图数是动态的还是静态的?视图数将是动态的,因为新项目可以按顺序添加。[更新]我对这个问题做了更多的挖掘,发现了一个类似的问题{}。但仍然没有针对动态/自适应ui的解决方案(如果卡片中的字段减少或增加)。我找到了另一个git repo,{}并尝试实现,但仍然找不到所需的解决方案。请帮帮我。。
<com.jess.ui.TwoWayGridView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/horz_gridview"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:background="#FFC4C4C4"
    app:cacheColorHint="#E8E8E8"
    app:verticalSpacing="-4dp"
    app:horizontalSpacing="0dp"
    app:stretchMode="none"
    app:scrollDirectionPortrait="horizontal"
    app:scrollDirectionLandscape="horizontal"
    app:gravity="center"
    android:layout_gravity="center"/>