.net maui 动态添加多个img

.NET MAUI（原称Xamarin.Forms）是一个跨平台的应用程序框架，用于创建同时运行在Android、iOS、Windows和macOS等设备上的应用程序。要在.NET MAUI中动态添加多个`Image`控件，你可以使用数据绑定和集合来实现。以下是一个简单的步骤：

1. 创建一个可填充图片的视图模型（ViewModel），例如`ImageListViewModel`，包含一个图片列表：

public class ImageListViewModel
{
    public List<(string Source, string AltText)> Images { get; set; } = new List<(string, string)>
    {
        ("image1_source", "Image 1"),
        ("image2_source", "Image 2"),
        // 添加更多图片...
    };
}

2. 在XAML布局文件中，使用DataTemplate来定义每个`Image`控件的样式，并使用`foreach`循环遍历视图模型的图片列表：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:maui="clr-namespace:Xamarin.Maui;assembly=Xamarin.Maui"
             x:Class="YourNamespace.YourPage">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <DataTemplate x:Key="ImageTemplate">
            <Image Grid.Row="0"
                   Aspect="AspectFill"
                   Source="{Binding Source}"
                   AltText="{Binding AltText}" />
        </DataTemplate>

        <!-- 使用foreach动态生成Image控件 -->
        <StackLayout Orientation="Horizontal" Grid.Row="0">
            <RepeatButton Command="{Binding AddImagesCommand}">
                <StackLayout Orientation="Horizontal">
                    <Label Text="Add More Images" />
                </StackLayout>
            </RepeatButton>
            <ItemsControl ItemsSource="{Binding Images}">
                <ItemsControl.ItemTemplate>
                    <DataTemplate DataType="{x:Type local:ImageListViewModel}">
                        <local:ImageTemplate/>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </StackLayout>
    </Grid>
</ContentPage>

在这个例子中，`AddImagesCommand`是一个可以添加新图片到`Images`列表的命令。