在 XAML 中将图像添加到水平 StackPanel

Question

如何在 StackPanel 水平显示我 phone 图片库中 select 的每张图片？

 <StackPanel Grid.Row="6"
             Orientation="Horizontal"
             Margin="10,0,10,10">
        <Image Name="img"
               Height="150"
               Width="150"
               Stretch="UniformToFill" />
 </StackPanel>

这是我 select 来自 phone 的图像，并将其显示在 xaml 页面上。

 StorageFile storageFile = args.Files[0];
 var stream = await storageFile.OpenAsync(FileAccessMode.Read);
 BitmapImage bitmapImage = new BitmapImage();
 await bitmapImage.SetSourceAsync(stream);

 img.Source = bitmapImage;

当然现在每次我都会select另一张图片，这张图片代替了之前的图片。我怎样才能让每个新的 selected 图像都接近以前的图像？

Answer 1

我们假设 StackPanel 控件的名称是 magicStackPanel。我假设您在问题中提供的代码工作正常，我只能添加创建新 Image 控件并将其添加到 StackPanel 控件的部分。

Image image = new Image();
image.Source = bitmapImage;
magicStackPanel.Children.Add(image);

在 XAML 中将图像添加到水平 StackPanel

Add Images to a horizontally StackPanel in XAML

c#

image

xaml

stackpanel