在WPF中放大图像

本文关键字：图像 放大 WPF | 更新日期: 2023-09-27 18:10:45

我有一个WPF应用程序，它检查某个父目录中的新图像，如果有新图像，它会切换当前显示的图像(我有6个图像)。

我想添加一个功能，允许用户点击其中一个图像，点击后，将出现一个"新"窗口，显示该图像放大，再点击屏幕上的任何地方将退出此放大并将焦点放回其他(6)图像。

这可能吗?我试着谷歌zoom image wpf，但只找到mouse-drag相关的解决方案。

我也试过使用viewport，但也没有很好地工作。

Update - XAML 

<Grid Grid.Row="0">
        <GroupBox  x:Name="AccuracyGraphsGroupBox" Header="Accuracy" Foreground="Red">
            <Grid >
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0.5*" />
                    <ColumnDefinition Width="0.5*" />
                </Grid.ColumnDefinitions>
                <Image Grid.Column="0" Width="Auto" Height="Auto" Stretch="Fill" x:Name="AccuracyPicBox" MouseUp="AccuracyPicBox_OnMouseUp"></Image>
                <Image Grid.Column="1" Width="Auto" Height="Auto" Stretch="Fill" x:Name="AccuracyPerioPicBox" MouseUp="AccuracyPerioPicBox_OnMouseUp"></Image>
            </Grid>
        </GroupBox>
    </Grid>

在WPF中放大图像

正如评论中提到的，你最好的选择是使用ToolTip来弹出你的全尺寸图像。将原始Image的Image.Source值绑定到ToolTip中存在一个小问题，因为它们不是正常UI可视化树的一部分，而是存在于自己的树中。但是，我们可以通过使用ToolTip.PlacementTarget属性来克服这个问题:

<Image Name="Image" Source="/WpfApplication1;component/Images/Tulips.jpg" Height="100"
    Stretch="Uniform">
    <Image.ToolTip>
        <ToolTip DataContext="{Binding PlacementTarget, 
            RelativeSource={RelativeSource Self}}">
            <Border BorderBrush="Black" BorderThickness="1" Margin="5,7,5,5">
                <Image Source="{Binding Source}" Stretch="None" />
            </Border>
        </ToolTip>
    </Image.ToolTip>
</Image>

当然，您可以在两个Image.Source属性中使用相同的Binding Path，但我从不喜欢重复代码

相关文章：