UWP GridView图像拉伸错误

时间:2016-06-07 08:44:09

标签: c# image gridview uwp stretch

我有一个GridView控件绑定到具有BitmapImage属性的对象集合。 GridView项目模板的图像控件具有固定大小,而实际图片的大小可能不同,可能比图像更小或更大。所以我使用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

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

enter image description here

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

请帮忙!

由于

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

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

虽然它有效但我认为下面的Clemens解决方案更好。将在下次使用它。

2 个答案:

答案 0 :(得分:2)

除了在后面的代码中调整Image Stretch属性,您可以将Image控件放在Viewbox中,除了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>

答案 1 :(得分:1)

我通过确保在隐藏网格时完全清理Stuff集合来修复代码 $(document).ready(function() { jQuery("#target").validationEngine('attach', { onValidationComplete: function(form, status) { if (status == true) { document.getElementById("content").innerHTML = "its working"; document.getElementById("content1").innerHTML = "its working1"; //$(".form-bottom-section").hide(); // Set the effect type var effect = 'slide'; // Set the options for the effect type chosen var options = { direction: 'right' }; // Set the duration (default: 400 milliseconds) var duration = 700; //$('.form-bottom-section').toggle(effect, options, duration); $('.order-bottom-section').toggle(effect, options, duration); } } }); });

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

Stuff = null

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

Stuff = new ObservableCollection<Thing>();