gpt4 book ai didi

c# - UWP GridView 图像拉伸(stretch)错误

转载 作者:太空宇宙 更新时间:2023-11-03 23:14:39 25 4
gpt4 key购买 nike

我有一个 GridView 控件绑定(bind)到具有 BitmapImage 属性的对象集合。 GridView 项模板的 Image 控件具有固定大小,而实际图片的大小可能会有所不同,可以小于或大于 Image。所以我对大图片使用 Stretch=Uniform,对小图片使用 Stretch=None。我在 Image_Loaded 事件上设置了 Stretch 属性:

    private void img_ImageOpened(object sender, RoutedEventArgs e)
{
var img = sender as Image;
if (img.Width > (img.Source as BitmapImage).PixelWidth)
{
img.Stretch = Stretch.None;
}
else
{
img.Stretch = Stretch.Uniform;
}
}

所以照片很合身:

enter image description here

但是如果我清除绑定(bind)的集合并再次填充它,事情就会变得非常困惑:

enter image description here

我花了很多时间试图解决这个问题。 Image_Loaded 没有被第二次调用,所以我认为它与项目缓存有关。我试图将 CacheMode 设置为 null,但这没有帮助。尝试处理各种事件,但也没有成功。

请帮忙!

谢谢

Download my project - 我删除了与问题无关的所有内容,只有 90 行代码。

PS 我找到了正确的订阅事件,它是 Image_DataContextChanges。似乎 GridView 项目被重用,并且在更新对象和特定网格项目时可能会混淆。 Image_Loaded 未被调用,因此对象进入具有任意拉伸(stretch)的随机网格项。 DataContextChanges 每次都会触发,因此它可用于动态更改拉伸(stretch)方法。

虽然它有效,但我认为下面的 Clemens 解决方案更好。下次还会用。

最佳答案

您可以将 Image 控件放在一个 Viewbox 中,而不是在代码后面调整 Image 的 Stretch 属性,它除了 Stretch 之外还有一个 StretchDirection 属性。如果您将其设置为 DownOnly,图像只会被拉伸(stretch)到更小的尺寸。

<DataTemplate x:DataType="local:Thing">
<Border BorderBrush="Black" BorderThickness="1" Background="Black">
<Viewbox Width="48" Height="48" Stretch="Uniform" StretchDirection="DownOnly">
<Image Stretch="None" Source="{x:Bind Image}" />
</Viewbox>
</Border>
</DataTemplate>

关于c# - UWP GridView 图像拉伸(stretch)错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37674566/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com