Question

我的包含网格的列表视图，我需要在网格内动态绑定多个行和列。

（Grid.Row和Grid.column值从列表视图中获取）

这是我的xaml代码：

<ListView x:Name="xxxx" HasUnevenRows="True" SeparatorVisibility="None" VerticalOptions="FillAndExpand">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <Grid BackgroundColor="White">
                   <Image Source = {Binding image} Grid.Row = {Binding rowNo} Grid.Column = {Binding columnNo}/>
                </Grid>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

这是我的CS：

new item { image = "x.png", rowNo = "1", columnNo = "0"}

通过使用此即时通讯获得输出（例如：Grid.row = 2 Grid.column = 2 我的输出是：

我将其作为4行而不是2行）

如何解决这个问题？

Answer 1

我认为您可以使用VerticalGrid控件中的CollectionView选项来完成此操作。请注意，CollectionView仍处于“预览”中，但在XF 4.0中将是RTM（当前估计）。仍然可以使用。

这里https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/collectionview/layout#vertical-grid

提到了详细信息

创建CollectionView时，您可以指定应该使用多少列，如下所示：

CollectionView collectionView = new CollectionView
{
    ...
    ItemsLayout = new GridItemsLayout(2, ItemsLayoutOrientation.Vertical)
};

这将呈现2列的布局。看看这是否符合您的需求。

如何将多个行和列绑定到列表视图？

1 个答案: