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 является 1920х1080 изображением.

Вот результат:

Как вы можете видеть, 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>