如何在 StackLayout 中显示大小一致的图像答案

【问题标题】：How to display Images with uniform size inside a StackLayout如何在 StackLayout 中显示大小一致的图像
【发布时间】：2019-05-15 16:19:35
【问题描述】：

我从网络上传了一张图片，我希望它也显示为从资源文件夹下载的图片

 <StackLayout x:Name="CardsLayout">
    <Image Source="c0.png" Margin="10, 10, 10, 0"></Image>
 </StackLayout>

var card_image = new Image {Source = "http://f0242788.xsph.ru/cards_images/c0.png", Margin = new Thickness(10,10,10,0)};

CardsLayout.Children.Add(card_image);

【问题讨论】：

标签： c# visual-studio xamarin xamarin.forms

【解决方案1】：

您可以指定 HeightRequest 以使其在 StackLayout 上工作。

你可以这样改变：

<StackLayout x:Name="CardsLayout">
   <Image x:Name="Image" Source="c0.png" Margin="10, 10, 10, 0"></Image>
</StackLayout>

var card_image = new Image { Source = "http://f0242788.xsph.ru/cards_images/c0.png", Margin = new Thickness(10, 10, 10, 0)};
card_image.BindingContext = Image;
card_image.SetBinding(Image.HeightRequestProperty, "Height");
CardsLayout.Children.Add(card_image);

【讨论】：

【解决方案2】：

我认为问题在于添加的行没有扩展以完全适合图像并且图像缩小其宽度以适合（由于Aspect.AspectFit 这是正确的）。

尝试将VerticalOptions=LayoutOptions.StartAndExpand 添加到您添加的Images 以拉伸行高。

【讨论】：