0

我有一个实现,其中我在 UserControl 中有一个滚动查看器。在滚动查看器中,我有一个包含画布的网格。画布内部又包含一个图像。像这样的东西。

<ScrollViewer x:Name="ImageScrollViewer"
              HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto"
              HorizontalContentAlignment="Center" HorizontalAlignment="Center" 
              VerticalContentAlignment="Center" VerticalAlignment="Center"
              MouseEnter="TargetImage_OnMouseEnter" MouseLeave="TargetImage_OnMouseLeave" >

    <Grid x:Name="ImageGrid" ClipToBounds="True">
        <Grid.LayoutTransform>
            <TransformGroup>
                <ScaleTransform x:Name="ScaleTransform" ScaleX="{Binding ZoomScaleFactor}" ScaleY="{Binding ZoomScaleFactor}"  Changed="ScaleTransform_OnChanged"/>
            </TransformGroup>
        </Grid.LayoutTransform>

        <Canvas Name="ImgCanvas">
            <Image Source="{Binding BmpImageSource, UpdateSourceTrigger=PropertyChanged}" x:Name="LoadedImage" 
                   MaxWidth="1920" MaxHeight="1080"
                   ClipToBounds="True" Style="{x:Null}"
                   Stretch="Uniform" StretchDirection="Both"
                   HorizontalAlignment="Center" VerticalAlignment="Center">

            </Image>
        </Canvas>
    </Grid>
</ScrollViewer>

我想要的是加载图像时它应该适合查看区域。我已经尝试了几件事来做到这一点,比如将 Grid 的宽度设置为其父级,但显然没有像我预期的那样工作。如果有人可以帮助我,我将不胜感激。

4

0 回答 0