使用 WPF 模拟 Vista 通知图标对话框

Question

单击 Vista 中的通知图标（例如网络或声音图标）时，您会看到一个带边框但无标题的对话框 (http://i.msdn.microsoft.com/Aa511448.NotificationArea22(en-us,MSDN.10).png):

< a href="http://i.msdn.microsoft.com/Aa511448.NotificationArea22(en-us,MSDN.10).png" rel="nofollow noreferrer">http://i.msdn.microsoft.com/ Aa511448.NotificationArea22(en-us,MSDN.10).png

如何在 WPF 中模拟这些？ 创建一个新窗口并将 WindowStyle 设置为“None”并将 ResizeMode 设置为“CanResize”会产生接近的结果，只是框架稍微太薄并且对话框可调整大小，这是不希望的。 将 ResizeMode 设置为“NoResize”会导致窗口没有 Aero 边框（只有 2 像素的细实线边框。）

Answer 1

诀窍是自己添加边框。 我通过将主要内容元素设置为 DockPanel 并添加边框来实现此目的。 您可以使用边框自定义外观以匹配 Vista 风格窗口。 我不擅长颜色，所以我无法说出具体的颜色，但以灰色为例。

尝试以下操作

<Window x:Class="WpfApplication10.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" 
    Height="300" 
    Width="300"
    WindowStyle="None"
    ResizeMode="NoResize">
    <DockPanel>
        <Border
            BorderBrush="Gray"
            BorderThickness="5">

            <TextBlock>Here we go</TextBlock>

        </Border>
    </DockPanel>
</Window>

Answer 2

我终于弄清楚了：如果将 WindowStyle 设置为“None”并将 ResizeMode 设置为“CanResize”，那么您将获得没有标题的正确粗边框，唯一的问题是您仍然可以调整窗口大小。

幸运的是，通过处理 Window 实例的 WM_NCHITTEST 可以轻松解决此问题：

private IntPtr _hwnd;

protected override void OnSourceInitialized(EventArgs e) {
    _hwnd = new System.Windows.Interop.WindowInteropHelper(this).Handle;
    System.Windows.Interop.HwndSource.FromHwnd(_hwnd).AddHook(_WndProc);
    base.OnSourceInitialized(e);
}

private const int WM_NCHITTEST = 132;
private const int HTCLIENT = 1;

private IntPtr _WndProc(IntPtr hwnd, int msg, IntPtr wParam, IntPtr lParam, ref bool handled) {
    // We should only receive messages for our own window handle.
    System.Diagnostics.Debug.Assert(hwnd == _hwnd);

    if (msg == WM_NCHITTEST) {
        handled = true;
        return (IntPtr)HTCLIENT;
    }
    return IntPtr.Zero;
}

通过不让 Windows 知道光标位于边框上，我们将永远不会看到调整大小的光标。

Answer 3

您需要的是指定窗口样式的正确组合，WPF 不会公开 Windows 中可用的所有选项，但您可以使用 pinvoke 自行设置它们。

我现在不在 Vista 机器上，所以我无法测试样式组合来查看什么给出了正确的外观，但样式列表（C# 中）在这里 http://pinvoke.net/default.aspx/user32/GetWindowLong.html

在您的 Window 类中：

[DllImport("user32.dll")]
static extern int SetWindowLong(IntPtr hWnd, int nIndex, uint dwNewLong);

[DllImport("user32.dll")]
static extern bool SetWindowPos(IntPtr hWnd, IntPtr hWndInsertAfter, int X, int Y, int cx, int cy, uint uFlags);

private const int GWL_STYLE = -16;
private const int GWL_EXSTYLE = -20;
private const UInt32 SWP_NOSIZE = 0x0001;
private const UInt32 SWP_NOMOVE = 0x0002;
private const UInt32 SWP_NOZORDER = 0x0004;
private const UInt32 SWP_NOREDRAW = 0x0008;
private const UInt32 SWP_NOACTIVATE = 0x0010;
private const UInt32 SWP_FRAMECHANGED = 0x0020;

public override void OnSourceInitialized(EventArgs e)
{
    IntPtr hwnd = new System.Windows.Interop.WindowInteropHelper(this).Handle;

    // set styles to a combination of WS_ flags and exstyles to a combination of WS_EX_ flags

    SetWindowLong(hwnd, GWL_STYLE, styles);
    SetWindowLong(hwnd, GWL_EXSTYLE, exstyles);

    // and to activate changes:
    SetWindowPos(hwnd,IntPtr.Zero,0,0,0,0,SWP_NOSIZE|SWP_NOMOVE|SWP_NOZORDER|SWP_NOACTIVATE|SWP_FRAMECHANGED);
}

Answer 4

我想我应该发布我到目前为止所想到的。 这非常接近：

<Window.Style>
    <Style TargetType="{x:Type Window}">
        <Setter Property="AllowsTransparency"       Value="True"            />
        <Setter Property="Background"           Value="{x:Null}"        />
        <Setter Property="BorderBrush"          Value="{x:Null}"        />
        <Setter Property="BorderThickness"      Value="0"           />
        <Setter Property="OverridesDefaultStyle"    Value="True"            />
        <Setter Property="ResizeMode"           Value="NoResize"        />
        <Setter Property="SizeToContent"        Value="WidthAndHeight"      />
        <Setter Property="WindowStyle"          Value="None"            />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Window}">
                    <Border BorderThickness="1" CornerRadius="4" Background="{x:Null}">
                        <Border.BorderBrush>
                            <SolidColorBrush Color="{x:Static SystemColors.WindowFrameColor}" Opacity="0.75" />
                        </Border.BorderBrush>
                        <Border BorderThickness="5" Background="{x:Null}">
                            <Border.BorderBrush>
                                <SolidColorBrush Color="{x:Static SystemColors.ActiveBorderColor}" Opacity="0.5" />
                            </Border.BorderBrush>
                            <Border BorderThickness="1" Background="White">
                                <Border.BorderBrush>
                                    <SolidColorBrush Color="{x:Static SystemColors.WindowFrameColor}" Opacity="0.75" />
                                </Border.BorderBrush>

                                <ContentPresenter />
                            </Border>
                        </Border>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Style>

显然，他们不仅仅使用 ActiveWindowBorderColor 上的透明度来绘制边框的中间。 看起来顶部 1/4 有白色覆盖，而底部 3/4 有黑色覆盖。 外边框的右侧和底部边缘也有强调色。 如果我真的这样做，我将创建一个从 Border 派生的 UserControl 来处理所有类似的小细节（并允许我根据需要调整大小）并将 Window 的样式放入资源字典中。

Answer 5

发布的代码中有一个解决方案 this 可以更好地解释论坛帖子的作用。