我有一个实现,其中我在 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 的宽度设置为其父级,但显然没有像我预期的那样工作。如果有人可以帮助我,我将不胜感激。