用Xamarin表格制作画廊表格

Question

我正在制作一个照相馆，它从URL中获取图像名称的JSON。 使用列表形式确实不能提供良好的用户体验，因此我计划更改网格形式。 尝试一些我在stackoverflow中找到的代码。 问题是我尝试创建一个数组绑定，以便随着数据库中照片数量的增加，应用程序将为其添加一个新的网格并显示它。

<Grid x:Name="grid">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Image Grid.Column="0" Source="{Binding Images[0].MyImageUrl}" />
        <Image Grid.Column="1" Source="{Binding Images[1].MyImageUrl}" />
        <Image Grid.Column="2" Source="{Binding Images[2].MyImageUrl}" />
    </Grid>

这是XAML格式，现在我试图创建一个与此绑定的CS，它将自动创建一个网格文件以显示JSON文件中的图像。 提前致谢

Answer 1

Grid没有像ItemsSource这样的属性。 因此，您至少需要以编程方式添加图像。

protected override void OnAppearing ()
{
   base.OnAppearing();

   // Create cols for each img
   for(int col = 0; col < Images.Length; ++col){
       grid.ColumnDefinitions.Add(new ColumnDefinitions { Width = new GridLenght(1, GridUnitType.Star)});
   }
   // Populate grid
   for(int col = 0; col < Images.Length; ++col){
       grid.Children.Add(new Image { source = Images[col] },0,col);
   }
}

如果您想在XAML中做所有事情。 使用FlowListView

编辑：我做了2 for's原因，因为我不确定在创建ColumnDefinition时是否尝试Add 。 无论如何，尝试一种或另一种方法。