关于WPF自定义标题框问题记录

最新推荐文章于 2024-05-03 09:55:27 发布
最新推荐文章于 2024-05-03 09:55:27 发布
阅读量331 收藏 2
点赞数 1
文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liusarzn/article/details/118416455
版权
  1. WindowStyle="None"时可以做到去掉系统自带标题栏，但是此时在顶部会出现一个蓝条，代码如下：
<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"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525" WindowStyle="None" Top="500" Left="500" BorderBrush="Black" BorderThickness="1">
    <Grid>
        <TextBlock Text="无标题测试" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</Window>

如下图：
在这里插入图片描述

2.如果想去除该蓝条可以设置AllowsTransparency=“True”，代码如下：

<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"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525" WindowStyle="None" AllowsTransparency="True" Top="500" Left="500" BorderBrush="Black" BorderThickness="1">
    <Grid>
        <TextBlock Text="无标题测试" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</Window>

效果如下图：
在这里插入图片描述
问题是此时窗体也会失去所有自带的窗体控制，如：最大化、最小化、窗体缩放

3.为了使窗体可以缩放，可以设置ResizeMode=“CanResizeWithGrip”，代码如下：

<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"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525" WindowStyle="None" AllowsTransparency="True" ResizeMode="CanResizeWithGrip" Top="500" Left="500" BorderBrush="Black" BorderThickness="1">
    <Grid>
        <TextBlock Text="无标题测试" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</Window>

如下图：
在这里插入图片描述
问题是此时窗体右下角会出现一个小三角，见上图右下角；并且此时的缩放只能拖动右下角的小三角

4.换种思路，使用WindowChrome自定义标题栏，WindowChrome是在.NET Framework 4.5中引入System.Windows.Shell的，使用时需要先引入System.Windows.Shell，之后对WindowChrome属性进行设置，此时的WindowStyle=“SingleBorderWindow” ResizeMode=“CanResize”，移除AllowsTransparency属性，代码如下：

<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:shell="clr-namespace:System.Windows.Shell;assembly=PresentationFramework"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525" WindowStyle="SingleBorderWindow" ResizeMode="CanResize" Top="500" Left="500" BorderBrush="Black" BorderThickness="1">

    <shell:WindowChrome.WindowChrome>
        <shell:WindowChrome
            CornerRadius="0"
            GlassFrameThickness="0"
            NonClientFrameEdges="None"
            UseAeroCaptionButtons="False"/>
    </shell:WindowChrome.WindowChrome>
    
    <Grid>
        <TextBlock Text="无标题测试" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</Window>

此时可以正常的拖动及缩放窗体，见下图：
在这里插入图片描述
5.此时会引入新问题，在窗体最大化时有部分窗体会被任务栏遮盖，修改示例代码以展示此问题，代码如下：

<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:shell="clr-namespace:System.Windows.Shell;assembly=PresentationFramework"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525" WindowStyle="SingleBorderWindow" ResizeMode="CanResize" Top="500" Left="500" BorderBrush="Black" BorderThickness="1">

    <shell:WindowChrome.WindowChrome>
        <shell:WindowChrome
            CornerRadius="0"
            GlassFrameThickness="0"
            NonClientFrameEdges="None"
            UseAeroCaptionButtons="False"/>
    </shell:WindowChrome.WindowChrome>
    
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <Border Height="30" Background="Gray" Grid.Row="0"/>

        <TextBlock Text="无标题测试 无标题测试 无标题测试" Grid.Row="2"/>
    </Grid>
</Window>

此时正常大小如下图：
在这里插入图片描述
最大化后效果如下图：
在这里插入图片描述
可以明显看出左下角文字被任务栏遮盖
6. 为了解决此问题，需要在窗体中引入模版，在最大化时设置窗体的MaxWidth和MaxHeight，代码如下(因为之前示例代码没有设置Background，此段模版设置Background为白色)：

<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:shell="clr-namespace:System.Windows.Shell;assembly=PresentationFramework"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525" WindowStyle="SingleBorderWindow" ResizeMode="CanResize" Top="500" Left="500" BorderBrush="Black" BorderThickness="1">

    <shell:WindowChrome.WindowChrome>
        <shell:WindowChrome
            CornerRadius="0"
            GlassFrameThickness="0"
            NonClientFrameEdges="None"
            UseAeroCaptionButtons="False"/>
    </shell:WindowChrome.WindowChrome>
    
    <Window.Template>
        <ControlTemplate TargetType="{x:Type Window}">
            <Border Background="White" Name="win_content" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" >
                <AdornerDecorator>
                    <ContentPresenter/>
                </AdornerDecorator>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="WindowState" Value="Maximized">
                    <Setter Property="Margin" TargetName="win_content" Value="8"/>
                    <!--二选一-->
                    <Setter Property="MaxWidth" TargetName="win_content" Value="{Binding Source={x:Static SystemParameters.WorkArea},Path=Width}" />
                    <Setter Property="MaxHeight" TargetName="win_content" Value="{Binding Source={x:Static SystemParameters.WorkArea},Path=Height}"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Window.Template>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <Border Height="30" Background="Gray" Grid.Row="0"/>

        <TextBlock Text="无标题测试 无标题测试 无标题测试" Grid.Row="2"/>
    </Grid>
</Window>

显示效果如下图，此时已经可以正常显示全部窗体：
在这里插入图片描述
7.此时测试引入新的问题，在自定义的标题栏中添加按钮，按钮无法点击，为了解决此问题，需要在控件属性中添加WindowChrome.IsHitTestVisibleInChrome=“True”，代码如下：

<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:shell="clr-namespace:System.Windows.Shell;assembly=PresentationFramework"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525" WindowStyle="SingleBorderWindow" ResizeMode="CanResize" Top="500" Left="500" BorderBrush="Black" BorderThickness="1">

    <shell:WindowChrome.WindowChrome>
        <shell:WindowChrome
            CornerRadius="0"
            GlassFrameThickness="0"
            NonClientFrameEdges="None"
            UseAeroCaptionButtons="False"/>
    </shell:WindowChrome.WindowChrome>
    
    <Window.Template>
        <ControlTemplate TargetType="{x:Type Window}">
            <Border Background="White" Name="win_content" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" >
                <AdornerDecorator>
                    <ContentPresenter/>
                </AdornerDecorator>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="WindowState" Value="Maximized">
                    <Setter Property="Margin" TargetName="win_content" Value="8"/>
                    <!--二选一-->
                    <Setter Property="MaxWidth" TargetName="win_content" Value="{Binding Source={x:Static SystemParameters.WorkArea},Path=Width}" />
                    <Setter Property="MaxHeight" TargetName="win_content" Value="{Binding Source={x:Static SystemParameters.WorkArea},Path=Height}"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Window.Template>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <Border Height="30" Background="Gray" Grid.Row="0">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>

                <Button Content="X" Width="20" Height="20" Margin="0,0,20,0" Grid.Column="1" WindowChrome.IsHitTestVisibleInChrome="True"/>
            </Grid>
        </Border>

        <TextBlock Text="无标题测试 无标题测试 无标题测试" Grid.Row="2"/>
    </Grid>
</Window>

在此段代码中，也可以将WindowChrome.IsHitTestVisibleInChrome="True"添加到button上层的border控件中，则此时会在整个border屏蔽系统提供的鼠标操作，如双击最大化、窗体拖动等。为了解决此问题，可以在border控件上自定义鼠标操作，如窗体拖动可以添加MouseMove事件的实现，代码如下：

<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:shell="clr-namespace:System.Windows.Shell;assembly=PresentationFramework"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525" WindowStyle="SingleBorderWindow" ResizeMode="CanResize" Top="500" Left="500" BorderBrush="Black" BorderThickness="1">

    <shell:WindowChrome.WindowChrome>
        <shell:WindowChrome
            CornerRadius="0"
            GlassFrameThickness="0"
            NonClientFrameEdges="None"
            UseAeroCaptionButtons="False"/>
    </shell:WindowChrome.WindowChrome>
    
    <Window.Template>
        <ControlTemplate TargetType="{x:Type Window}">
            <Border Background="White" Name="win_content" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" >
                <AdornerDecorator>
                    <ContentPresenter/>
                </AdornerDecorator>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="WindowState" Value="Maximized">
                    <Setter Property="Margin" TargetName="win_content" Value="8"/>
                    <!--二选一-->
                    <Setter Property="MaxWidth" TargetName="win_content" Value="{Binding Source={x:Static SystemParameters.WorkArea},Path=Width}" />
                    <Setter Property="MaxHeight" TargetName="win_content" Value="{Binding Source={x:Static SystemParameters.WorkArea},Path=Height}"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Window.Template>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <Border Height="30" Background="Gray" Grid.Row="0" MouseMove="Border_MouseMove" WindowChrome.IsHitTestVisibleInChrome="True">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>

                <Button Content="X" Width="20" Height="20" Margin="0,0,20,0" Grid.Column="1"/>
            </Grid>
        </Border>

        <TextBlock Text="无标题测试 无标题测试 无标题测试" Grid.Row="2"/>
    </Grid>
</Window>

Border_MouseMove实现如下：

private void Border_MouseMove(object sender, MouseEventArgs e)
{
    if (e.MouseDevice.LeftButton == MouseButtonState.Pressed)
        DragMove();
}
砖农L
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
.net 8.0 WPF自定义标题样式
01-29
标题栏为自定义控件，实现标题显示、双击、移动窗体、最小化、最大化、关闭。 窗体引用需要对自定义标题栏绑定Title进行设置。 内容中窗体样式为暗色系。
C# wpf style中实现可定制的自定义标题栏
07-13
上一章我们实现了在style中自定义标题栏，解决了复用性的问题。但是在实际使用中，还是存在一些问题的，比如有些界面需要放几个菜单在标题栏或者不需要最大化按钮等，就会变得很不灵活。这时候就需要对style进行进一步拓展了。本资源为文章附件资源，原文链接：https://blog.csdn.net/u013113678/article/details/125772769
WPF 窗口Title的自定义
m0_48915942的博客
10-17 1273
目录一、WindowChrome1. ResizeBorderThickness2. CaptionHeight3. CornerRadius4. GlassFrameThickness5. NonClientFrameEdges6. UseAeroCaptionButtons7. IsHitTestVisibleInChrome二、Adorner、Decorator 和 AdornerDecorator三、自由更改Title的显示，保留放大、缩小和关闭按钮。四、自由更改Title的显示，隐藏放大、缩小和关
C# wpf 自定义标题栏及无边框窗口
codeofcc的博客
10-29 9747
我们日常开发的时候，经常会遇到需要自定义标题栏的UI设计，采用特定颜色的标题栏或者特定样式的按钮，这个时候就需要自定义标题栏了，wpf中自定义标题栏还是相对容易的。
WPF 之 自定义窗体标题栏
weixin_34082854的博客
05-20 656
　　在WPF中自定义窗体标题栏，首先需要将窗体的WindowStyle属性设置为None，隐藏掉WPF窗体的自带标题栏。然后可以在窗体内部自定义一个标题栏。 　　例如，标题栏如下: &lt;WrapPanel Height="30" MouseMove="TitleBar_MouseMove" MouseDown="TitleBar_MouseDown" Backgroun...
C# wpf 在style中自定义标题栏及无边框窗口
codeofcc的博客
10-31 3453
本文是《C# wpf 一种style中调用cs代码的方法》的示例，同时也是《C# wpf 自定义标题栏及无边框窗口》的完善，将标题栏及无边框放到了style中，且实现了放大缩小关闭按钮以及拖动功能。这样在一个项目中有多个窗口需要使用自定义无边框效果，就可以直接复用即可，省去了每个窗口都要添加相同的界面和逻辑代码。.........
WPFUI控件库-自定义标题栏窗口
qq_27474555的博客
05-27 460
将窗体的标题栏改成自定义标题栏。2、自定义控件库UiLib。
WPF中自定义窗体标题栏
热门推荐
孙群
10-19 2万+
在WPF中自定义窗体标题栏，首先需要将窗体的WindowStyle属性设置为None，隐藏掉WPF窗体的自带标题栏。然后我们可以在窗体内部自定义一个标题栏，比如标题栏如下: 注意，我们给TitleBar添加了MouseMove事件，后台处理代码: private void TitleBar_MouseMove(object sender, Mouse
WPF 自定义标题栏 自定义菜单栏
weixin_34277853的博客
09-03 585
自定义标题栏 自定义列表，可以直接修改WPF中的ListBox模板，也用这样类似的效果。但是ListBox是不能设置默认选中状态的。 而我们需要一些复杂的UI效果，还是直接自定义控件来的快 GitHub下载地址：https://github.com/Kybs0/MenuListControl 一、设计界面样式 <UserControl x...
Fluent.Ribbon：像在Office中一样的WPF功能区控件
02-03
流利的丝带 Fluent.Ribbon是一个库，为Windows Presentation Foundation（WPF）实现类似于Office的用户界面。 它提供诸如RibbonTabControl，Backstage，Gallery，QuickAccessToolbar，ScreenTip等控件。 文献资料 请访问。 几乎所有功能都在展示应用程序中显示。 展示应用程序包含在每个发行版中，因此您可以从获取它。 如果您认为展示应用程序中缺少某些内容，请随时为此创建一个问题。 要更熟悉功能区概念，请参阅。 历史和路线图 更改历史记录保存在。 路线图是按完成的。 如果您觉得缺少某些重要功能，可以随时使用来创建问题/功能请求。 访问预览版本 您可以通过访问预览版本。 您可以做什么来帮助我们 我们正在接受请求，因此非常欢迎您创建一个 帮助我们翻译 帮助我们更新文档 发展要求 Visual Studio 2019（16.6）或更高版本（您可以从 .NET Core SDK v3.1.300或更高版本（您可以从） 设计师问题 如果您在使用Visual Studio中的设计器时遇到问题，可以
WPF自定义搜索框代码分享
10-21
主要为大家详细介绍了WPF自定义搜索框代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
WPF 自定义标题栏
weixin_30740581的博客
04-25 1171
WPF 自定义标题栏 原文:WPF 自定义标题栏在做客户端应用程序时，往往觉得Windows自带的标题栏没有样式，不太好看，下面分享自自定义的一个Windows工具 效果图： <Style x:Key="Buttonclock" TargetType="{x:Type Button}"> &l...
wpf 窗口自定义标题栏
qq_27740983的博客
09-14 1285
XAML内容： ​ <shell:WindowChrome.WindowChrome><!--保证窗口边框可以拖拽--> <shell:WindowChrome CaptionHeight="1" ResizeBorderThickness="1,1,1,5"> </shell:WindowChrome> </shell:WindowChrome.WindowChrome> <Grid> <Grid.RowDe
WPF —— MVVM 指令执行不同的任务实例
lu2023_8_6的博客
04-28 802
4 想触发命令之后执行不同的任务，执行不同excute方法，在excute执行外部传递过来的方法，可以。在创建这个命令对象的把回调函数传递过来,找一个变量接受这个函数，在excute里面进行。6 如果可执行的状态的发生变化了 触发CanExecuteChanged事件 在外部修改状态的时候调用。3 命令触发之后执行函数 参数就是xaml文件通过Commandparameter属性传递过来。//定义指令对象 参数一个无参数函数触发命令回调函数，如果外部没有控制状态的函数，默认指令可执行。
WPF —— 跑马灯
lu2023_8_6的博客
05-02 301
如果object有的话才去取这个数据，如果这个数据为null 就不取。定时器函数 bject?点击开始移动label 开启定时器。
C# wpf 运行时替换方法实现mvvm自动触发刷新
codeofcc的博客
04-29 966
我们知道，使用wpf的绑定功能，代码触发界面改变时，需要在属性的setter触发PropertyChanged事件，以达到界面刷新的效果。上一章我们简化了触发流程，但是依然需要在每个属性的setter中调用方法。本章将再进一步简化，实现setter不需要调方法就可以自动触发界面刷新。定义的用于替换属性setter的方法，确保参数类型兼容。设置NoInlining确保不会被内联优化失去函数地址。再方法中触发RaisePropertyChangedEvent。
wpf转换器
最新发布
以梦为马 不负韶华
05-03 265
除了基本类型转换，你还可以创建复杂的自定义转换器，处理特定的业务逻辑或数据格式化需求。转换器可以广泛应用于文本格式化、日期时间显示、枚举值转换为可读文本等多种场景，极大地增强了WPF数据绑定的灵活性和功能。
c# wpf 自定义标题
09-05
c是英文字母表中的第三个字母。它的发音是/k/，类似于汉语中的“可”。在英语中，c通常与其他字母组合使用来形成不同的音素和单词。例如，与a组合成"cat"（猫），与o组合成"cop"（警察），与u组合成"cup"（杯子）等。另外，在英语中c也有时会与h一起组合，形成ch的发音，例如"chair"（椅子），"cheese"（奶酪）等。此外，c还是化学元素碳（carbon）的符号，也是摄氏度（Celsius）的简称。在罗马数字中，c代表着100。总之，c是英文中非常常见且重要的一个字母，它在语言交流和科学计量中扮演着重要的角色。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

砖农L

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值