UWP GridView 图像拉伸错误答案

【问题标题】：UWP GridView Image Stretch bugUWP GridView 图像拉伸错误
【发布时间】：2016-06-07 08:44:09
【问题描述】：

我有一个 GridView 控件绑定到具有 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;
        }
    }

所以照片很合适：

但是如果我清除绑定的集合并再次填充它，事情就会变得非常混乱：

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

请帮忙！

谢谢

Download my project - 我已经删除了与问题无关的任何内容，只有 90 行代码。

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

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

【问题讨论】：

我遇到了类似的问题，我只是确保我没有一次又一次地将图像源重置为相同的图像！

标签： c# image gridview uwp stretch

【解决方案1】：

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

<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>

【讨论】：

【解决方案2】：

我通过确保在隐藏网格时完全清理 Stuff 集合来修复您的代码 Stuff = null

这意味着在 Show_Click 处理程序中，您重新初始化集合。

Stuff = new ObservableCollection<Thing>();

如果您将继续使用绑定，则需要在执行此操作时发出 PropertyChanged 通知（推荐）。如果您不想使用绑定，只需将 ItemsSource 重新设置为 Stuff 的新实例（见下文）。

private void Show_Click(object sender, RoutedEventArgs e)
 {
     Stuff = new ObservableCollection<Thing>();
     foreach (var s in source.Except(Stuff)) Stuff.Add(s);
     gv.ItemsSource = Stuff;
 }

 private void Hide_Click(object sender, RoutedEventArgs e)
 {
     Stuff.Clear();
     Stuff = null;
 }

【讨论】：