使窗口的特定部分不可见

Question

我想创建某种像 windows 一样的截图工具。 我有一个窗口，它用半透明层覆盖屏幕。用户可以通过拖动鼠标来定义屏幕截图的区域（他像在 windows 截图工具中一样绘制一个矩形）。我的问题是：我怎样才能使窗口的一部分完全透明，以便用户可以清楚地看到屏幕截图的区域？

到目前为止，这是我的代码：

<Window x:Class="SnippingToolPro.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" 
    Width="525" 
    Height="350" 
    AllowsTransparency="True" 
    WindowStyle="None" 
    ResizeMode="NoResize"
    WindowStartupLocation="CenterScreen"
    WindowState="Maximized"
    Opacity="0.5">
<Canvas>

</Canvas>

对于在中间打“洞”有什么建议吗？

Answer 1

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication1"
        AllowsTransparency="True"
        WindowStyle="None"
        Background="Transparent">
    <Grid Background="Transparent">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="20"/>
            <ColumnDefinition/>
            <ColumnDefinition  Width="20"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="20"/>
            <RowDefinition/>
            <RowDefinition Height="20"/>
        </Grid.RowDefinitions>
        <Rectangle Fill="Red" Grid.ColumnSpan="3"/>
        <Rectangle Fill="Red" Grid.ColumnSpan="3" Grid.Row="2"/>
        <Rectangle Fill="Red" Grid.Row="1"/>
        <Rectangle Fill="Red" Grid.Row="1" Grid.Column="2"/>
        <Rectangle Grid.Column="1" Grid.Row="1" Cursor="Wait" Fill="Black" Opacity=".01" IsHitTestVisible="True"/>
    </Grid>
</Window>

红色矩形只是为了展示边框。内部的 Rectangle 表示您要执行选择的区域