Question

我创建了一个显示用户图像的Wpf用户控件，并允许用户使用鼠标滚动放大或缩小图像。我使用scrollviewer控件允许滚动，以防图像大小大于其容器。当图像大小大于其容器时，Scrollviewer工作正常。但是当图像尺寸小于容器时，卷轴不会消失。那么，如果图像可以放入容器内，如何使卷轴消失。以下是我正在使用的xaml：

 <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
        <Grid Grid.Row="0">
            <!--<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">-->
            <Image  x:Name="PdfImage" RenderTransformOrigin="0.5,0.5" MouseWheel="PdfImage_MouseWheel" ClipToBounds="True">
                <Image.RenderTransform>
                    <ScaleTransform x:Name="scale" ScaleX="1" ScaleY="1"  CenterX="0.5" CenterY="0.5" />
                </Image.RenderTransform>
            </Image>
            <!--</ScrollViewer>-->
        </Grid>
  </ScrollViewer>

以下是我用来放大或缩小图片的代码：

if (Keyboard.IsKeyDown(Key.LeftCtrl) || Keyboard.IsKeyDown(Key.RightCtrl))
{
                    var st = (ScaleTransform)PdfImage.RenderTransform;
                    double zoom = e.Delta > 0 ? .2 : -.2;
                    double newXScaleValue = st.ScaleX + zoom;
                    double newYScaleValue = st.ScaleY + zoom;
                    if ((newXScaleValue >= 0.1 && newXScaleValue <= 4) && (newYScaleValue >= 0.1 && newYScaleValue <= 4))
                    {
                        st.ScaleX += zoom;
                        st.ScaleY += zoom;
                    }
}

Answer 1

您正在应用渲染变换。这种变换在测量和排列步骤之后应用并且与布局无关。从滚动查看器的角度来看，无论放大或缩小多少，内容宽度和高度都不会改变。请尝试使用Image.LayoutTranform。

如何根据图像缩放调整Wpf scrollviewer？

1 个答案: