wpf - 在可扩展单元格中显示仅填充其可用空间的图像列表

Question

我有一个带有几层嵌入式网格的桌面 GUI(VS2013，.NET 4.5.2)。在一个单元格中(可以使用 gridsplitters 在两个维度上扩展)我有这个:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <ListView Grid.Column="0" ItemsSource="{Binding Results.Info}"/>
    <ListView Grid.Column="1" ItemsSource="{Binding Results.Images}"/>
</Grid>

在支持 MVVM-Light 的 View 模型中:

public ObservableCollection<object> Images
{
   get { return mImages; }
   set { Set(() => Images, ref mImages, value); }
}

我使用以这种方式创建的一系列文本(标题)和图像加载此属性:

var img = new Image
{
   Source = new BitmapImage(new Uri(fullPathToPng)),
};

Images.Add(caption); 
Images.Add(img);
...repeat until all captions and images added

上面的代码生成了足够大的图像以使 ListView 显示滚动条，尽管拖动 gridsplitters 最终让我看到整个图像。

这就是我想要发生的事情:图像缩小以仅填充可用空间而不会导致 ListView 显示其滚动条，并且当​​移动网格分割器为该单元格提供更多空间时，图像会增长以仅填充新可用空间。

我不喜欢使用 ListView 来保存标题/图像序列，但我确实希望解决方案尊重 MVVM。谢谢。

Answer 1

结果很简单:我只需要禁用 ListView 的水平滚动:

<ListView Grid.Column="1" ItemsSource="{Binding Results.Images}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" />