Question

尝试在所有设备（iOS，Android，UWP）上生成Xamarin.Forms页面，但需要将内容并排显示为卡片视图，如下例所示。

实现这一目标的最佳方法是什么？是否有任何OSS库，因为我似乎无法找到这样的开箱即用的东西？

编辑：不幸的是我忘了提到这是可绑定到一个不可能的源。项目数量不固定。每张卡内的内容仅包含来自不同项目的相同模板。

由于

Answer 1

因此，我从您的评论中了解到您需要做的是ScrollView中的Grid。这是一个例子;

 <ScrollView Orientation="Vertical">
    <Grid RowSpacing="10" ColumnSpacing="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="AUTO"/>
            <ColumnDefinition Width="AUTO"/>
        </Grid.ColumnDefinitions>
        <Frame Grid.Row="0" Grid.Column="0">
            <!--DO YOUR DESIGN FOR FRAME No. 1 HERE-->
        </Frame>
            <Frame Grid.Row="1" Grid.Column="0">
                <!--DO YOUR DESIGN FOR FRAME No. 2 HERE-->
            </Frame>
            <Frame Grid.Row="2" Grid.Column="0">
                <!--DO YOUR DESIGN FOR FRAME No. 3 HERE-->
            </Frame>
            <Frame Grid.Row="3" Grid.Column="0">
                <!--DO YOUR DESIGN FOR FRAME No. 4 HERE-->
            </Frame>
            <Frame Grid.Row="0" Grid.Column="1">
                <!--DO YOUR DESIGN FOR FRAME No. 5 HERE-->
            </Frame>
            <Frame Grid.Row="1" Grid.Column="1">
                <!--DO YOUR DESIGN FOR FRAME No. 6 HERE-->
            </Frame>
            <Frame Grid.Row="2" Grid.Column="1">
                <!--DO YOUR DESIGN FOR FRAME No. 7 HERE-->
            </Frame>
            <Frame Grid.Row="3" Grid.Column="1">
                <!--DO YOUR DESIGN FOR FRAME No. 8 HERE-->
            </Frame>
        </Grid>
    </ScrollView>

我真正建议的是搜索一个可以让你在ListView中执行此操作的库。这样，您将减少硬编码的设计代码，并更好，更轻松地访问您的布局。

Answer 2

看起来你需要一个自动换行布局。一个不是开箱即用的，但你可以在这里找到它的代码：Link to Wrap Layout Code

Answer 3

您可以使用以下库，它是一个ListView衍生产品，支持流动的网格状列。

https://github.com/daniel-luberda/DLToolkit.Forms.Controls

Cardview在Xamarin Forms中并排

3 个答案: