WPF异形透明窗体

例如实现如下WPF异形透明窗体

image

 使用WindowChrome,注意项 需要结合设置  WindowStyle="None"

具体实现如下:

<Window
    x:Class="LinseerCopilot.Controls.MessageNotification"
    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:styles="clr-namespace:LinseerCopilot"
    Title="通知"
    Height="54"
    Background="Transparent"
    Cursor="Hand"
    MouseUp="MessageNotification_OnMouseUp"
    ResizeMode="CanMinimize"
    ShowInTaskbar="False"
    Topmost="True"
    WindowState="Normal"
    WindowStyle="None"
    mc:Ignorable="d">
    <WindowChrome.WindowChrome>
        <WindowChrome GlassFrameThickness="-1" />
    </WindowChrome.WindowChrome>
    <Border
        Padding="10,6"
        HorizontalAlignment="Left"
        VerticalAlignment="Center"
        Background="#E2E6F4"
        CornerRadius="9">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <Image
                Grid.Row="0"
                Grid.RowSpan="2"
                Grid.Column="0"
                Width="48"
                HorizontalAlignment="Left"
                VerticalAlignment="Center"
                Source="{StaticResource Image.lingxiR}" />
            <TextBlock
                Grid.Row="0"
                Grid.Column="1"
                VerticalAlignment="Center"
                FontSize="16"
                Foreground="#000000"
                Text="灵犀助手" />
            <TextBlock
                Grid.Row="1"
                Grid.Column="1"
                VerticalAlignment="Center"
                FontSize="11"
                Foreground="#000000">
                <Run Foreground="#000000" Text="知识库文档处理完成," />
                <Run Foreground="#0052D9" Text="点击查看" />
            </TextBlock>

            <Button
                Grid.Row="0"
                Grid.Column="2"
                Margin="2,0,0,0"
                HorizontalAlignment="Right"
                VerticalAlignment="Center"
                styles:ControlHelper.CornerRadius="14"
                styles:ControlHelper.ImageHover="{StaticResource Image.CloseOver}"
                styles:ControlHelper.ImageNormal="{StaticResource Image.Close}"
                styles:ControlHelper.ImageSize="24"
                Click="CloseButton_OnClick"
                Style="{StaticResource Style.Button.Image}" />
        </Grid>
    </Border>
</Window>

 

posted on 2025-08-15 17:49  TanZhiWei  阅读(15)  评论(0)    收藏  举报