Question

我尝试将我的图像大小绑定到滑块，并将其放到滚动查看器，但滚动查看器不工作。我不明白为什么。

<DockPanel Grid.Column="1">
     <StackPanel DockPanel.Dock="Bottom" Height="30" HorizontalAlignment="Center" Orientation="Horizontal">
        <Button Margin="2,2,2,2" Content="From file" Click="Button_Click"></Button> 
        <Button Margin="2,2,2,2"  Click="delImageClick" ToolTip="Delete">
           <Image Source="Resources/empty_trash-48.png"></Image>
        </Button>
        <Slider x:Name="sldZoom" Orientation="Horizontal" Minimum="1" Maximum="250" HorizontalAlignment="Stretch" MinWidth="100" Value="100"/>
     </StackPanel>
     <Grid>
        <ScrollViewer VerticalScrollBarVisibility="Visible" HorizontalScrollBarVisibility="Visible">
       Image Name="previewImg" Source="{Binding SelectedItem,  ElementName=dataGrid , UpdateSourceTrigger=PropertyChanged}" Stretch="Uniform" RenderTransformOrigin="0, 0" >
        <Image.RenderTransform>
         <TransformGroup>
          <ScaleTransform ScaleX="0.01" ScaleY="0.01"/>
             <ScaleTransform>
          <ScaleTransform.ScaleX>                                                     
             <Binding ElementName="sldZoom" Path="Value" Mode="OneWay"/>
          </ScaleTransform.ScaleX>
             <ScaleTransform.ScaleY>
                <Binding ElementName="sldZoom" Path="Value" Mode="OneWay"/>
             </ScaleTransform.ScaleY>
          </ScaleTransform>
          </TransformGroup>
          </Image.RenderTransform>
         </Image>
      </ScrollViewer>
        </Grid>
       </DockPanel>

此外，我尝试将我的图像放入Dock和网格，它也没有用 example on this image

Answer 1

我应该在我的Image中使用LayoutTransform而不是RenderTransform。 WPF - Zooming in on an image inside a scroll viewer, and having the scrollbars adjust accordingly

如何将图像放入ScrollViewer WPF中

1 个答案: