WPF无法滚动ScrollViewer中的图像

Question

我尝试在窗口中显示图像：

<Window x:Class="Problem.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <DockPanel>
        <StackPanel Orientation="Vertical">
            <ScrollViewer VerticalScrollBarVisibility="Visible" HorizontalScrollBarVisibility="Visible">
                <Image Source="cat.jpg" Stretch="Uniform">
                    <Image.LayoutTransform>
                        <RotateTransform Angle="90" />
                    </Image.LayoutTransform>
                </Image>
            </ScrollViewer>
        </StackPanel>
    </DockPanel>
</Window>

其中cat.jpg是1920x1080的图像。

结果如下：

如您所见，VerticalScrollbar已禁用，但我看不到完整的猫头。此外，HorisontalScrollBar是隐形的。

我的问题是：如何启用滚动条以滚动我的图片？

Answer 1

删除StackPanel。它为内容提供了无限空间，因此ScrollViewer具有图像的高度。如果您需要在图片下方堆叠内容，请在StackPanel：

中创建ScrollViewer

<Window x:Class="Problem.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<DockPanel>
    <ScrollViewer VerticalScrollBarVisibility="Visible" HorizontalScrollBarVisibility="Visible">
        <StackPanel>
            <Image Source="cat.jpg" Stretch="Uniform">
                <Image.LayoutTransform>
                    <RotateTransform Angle="90" />
                </Image.LayoutTransform>
            </Image>
        </StackPanel>
    </ScrollViewer>
</DockPanel>

Answer 2

我遇到了同样的问题，但是使用了一个自定义的Image类，该类只通过使用protected override void OnRender(DrawingContext dc)函数中的DrawingContext来绘制图形。那时我不明白，我要么需要设置图像的大小（设置Width和Height属性），要么需要从drawingContext创建一个新图像并将其设为图像的源，以便调整实际图像的大小。

我从这里得到了答案：Get images from DrawingGroup，而解决问题的方法是每次使用图像的Render功能时都要更改属性：

DrawingImage drawingImage = new DrawingImage(mBackingStore);
Width = drawingImage.Width;
Height = drawingImage.Height;