WPF 窗体增加置顶按钮Demo

已于 2024-08-29 21:10:58 修改
阅读量534 收藏 8
点赞数 5
分类专栏： .NET WPF Windows 文章标签： wpf
于 2024-07-21 19:17:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42399932/article/details/140592108
版权
.NET 同时被 3 个专栏收录
12 篇文章 0 订阅
订阅专栏
WPF
10 篇文章 0 订阅
订阅专栏
Windows
4 篇文章 0 订阅
订阅专栏

许多应用窗口除了最大化、最小化、关闭按钮外还包含固定置顶按钮，例如微信、一些播放窗口。

这里尝试用WPF来实现这一功能。

目录

实现步骤：

1. 窗体增加一个固定按钮

设置窗体Style为None,便于重写窗口按钮

增加最大化最小化关闭按钮并实现

除了最大化最小化等按钮，新增ToggleButon表示是否固定

private void CloseButton_Click(object sender, RoutedEventArgs e)
{
    this.Close();
}

private void MaximizeButton_Click(object sender, RoutedEventArgs e)
{
    if (this.WindowState == WindowState.Maximized)
        this.WindowState = WindowState.Normal;
    else
        this.WindowState = WindowState.Maximized;
}

private void MinimizeButton_Click(object sender, RoutedEventArgs e)
{
    this.WindowState = WindowState.Minimized;
}

2. 实现窗体置顶

要实现固定置顶，需要在窗体失去焦点时，仍保持置顶。

所以需要监控窗体失去焦点的事件，让窗体保持TopMost = true;

this.LostKeyboardFocus += Window_PreviewLostKeyboardFocus;
private void Window_PreviewLostKeyboardFocus(object sender, KeyboardFocusChangedEventArgs e)
{
    if (this.TopMostButton.IsChecked == false) return;
    this.Topmost = true;
}

3. 由于设置了WindowsStyle = None,窗口得拖拽和窗口得放大放小不支持 ——错误内容，请查看改动标注

文章内容错误改动：这里是因为我设置了AllowsTransparency=true,导致窗口非工作区不起效果了。所以才需要重写Thumb。其实完全可以可以将其设置为False。因为AllowsTransparency属性是为了绘制非矩形窗口提供的。一般情况下不需要使用。对于设置了WindowStyle=None,仍然会存在一定边框的问题，需要通过WindowChromelai来设置非工作区样式。可以参考链接: WPF Window始末|快速了解、自定义Window控件

所以这里实现了对这两个功能得重写。

  1. 窗口拖拽位置实现

    只需要在窗口的根控件上绑定MouseLeftButtonDown，并调用this.DragMove();

 /// <summary>
 /// 窗口移动
 /// </summary>
 private void RooGrid_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
 {
     this.DragMove();
 }
  1. 鼠标左键时，支持拖拽调整窗口大小
    窗体上下左右，右上、右下、左上、左下、四个方向增加Thumb实现窗口的大小调整

        <!--  添加 Thumb 控件以实现窗口调整大小  -->
        <Thumb
            Name="ResizeThumbLeft"
            Grid.RowSpan="2"
            Width="5"
            HorizontalAlignment="Left"
            VerticalAlignment="Stretch"
            Cursor="SizeWE"
            DragDelta="ResizeThumb_DragDelta" />
        <Thumb
            Name="ResizeThumbTop"
            Grid.RowSpan="2"
            Height="5"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Top"
            Cursor="SizeNS"
            DragDelta="ResizeThumb_DragDelta" />
        <Thumb
            Name="ResizeThumbTopLeft"
            Grid.RowSpan="2"
            Width="10"
            Height="10"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Cursor="SizeNWSE"
            DragDelta="ResizeThumb_DragDelta" />
        <Thumb
            Name="ResizeThumbTopRight"
            Grid.RowSpan="2"
            Width="10"
            Height="10"
            HorizontalAlignment="Right"
            VerticalAlignment="Top"
            Cursor="SizeNESW"
            DragDelta="ResizeThumb_DragDelta" />
        <Thumb
            Name="ResizeThumbRight"
            Grid.RowSpan="2"
            Width="5"
            HorizontalAlignment="Right"
            VerticalAlignment="Stretch"
            Cursor="SizeWE"
            DragDelta="ResizeThumb_DragDelta" />
        <Thumb
            Name="ResizeThumbBottom"
            Grid.RowSpan="2"
            Height="5"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Bottom"
            Cursor="SizeNS"
            DragDelta="ResizeThumb_DragDelta" />
        <Thumb
            Name="ResizeThumbBottomRight"
            Grid.RowSpan="2"
            Width="10"
            Height="10"
            HorizontalAlignment="Right"
            VerticalAlignment="Bottom"
            Cursor="SizeNWSE"
            DragDelta="ResizeThumb_DragDelta" />

ResizeThumb_DragDelta具体的实现


        private void ResizeThumb_DragDelta(object sender, DragDeltaEventArgs e)
        {
            var thumb = sender as Thumb;
            var window = Window.GetWindow(thumb);

            if (window != null)
            {
                double minWidth = 200;
                double minHeight = 150;

                if (thumb.Name == "ResizeThumbRight" || thumb.Name == "ResizeThumbBottomRight")
                {
                    window.Width = Math.Max(window.Width + e.HorizontalChange, minWidth);
                }
                if (thumb.Name == "ResizeThumbBottom" || thumb.Name == "ResizeThumbBottomRight")
                {
                    window.Height = Math.Max(window.Height + e.VerticalChange, minHeight);
                }
                if (thumb.Name == "ResizeThumbLeft" || thumb.Name == "ResizeThumbTopLeft")
                {
                    window.Width = Math.Max(window.Width - e.HorizontalChange, minWidth);
                    window.Left += e.HorizontalChange;
                }
                if (thumb.Name == "ResizeThumbTop" || thumb.Name == "ResizeThumbTopLeft")
                {
                    window.Height = Math.Max(window.Height - e.VerticalChange, minHeight);
                    window.Top += e.VerticalChange;
                }
            }
        }

效果

在这里插入图片描述

完整代码

<Window
    x:Class="WPFTopMost.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:local="clr-namespace:WPFTopMost"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Title="MainWindow"
    Width="800"
    Height="450"
    AllowsTransparency="True"
    WindowStartupLocation="CenterOwner"
    WindowStyle="None"
    mc:Ignorable="d">
    <Window.Resources>
        <Style TargetType="{x:Type Thumb}">
            <Setter Property="Stylus.IsPressAndHoldEnabled" Value="false" />
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="Foreground" Value="Transparent" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Thumb}">
                        <Border
                            Background="{TemplateBinding Background}"
                            BorderBrush="Transparent"
                            BorderThickness="0">
                            <Grid>
                                <Border
                                    Background="Transparent"
                                    BorderBrush="Transparent"
                                    BorderThickness="0" />
                                <Border
                                    Margin="1"
                                    Background="Transparent"
                                    BorderBrush="Transparent"
                                    BorderThickness="0" />
                                <Border
                                    Margin="2"
                                    Background="{TemplateBinding Background}" />
                            </Grid>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Grid
        Name="RooGrid"
        MouseLeftButtonDown="RooGrid_MouseLeftButtonDown">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Border
            Grid.Row="0"
            Height="30"
            Background="Transparent">
            <DockPanel LastChildFill="False">
                <ToggleButton
                    x:Name="TopMostButton"
                    Width="75"
                    Click="TopMostButton_Click"
                    Content="📌"
                    DockPanel.Dock="Right" />
                <Button
                    Width="30"
                    Click="CloseButton_Click"
                    Content="X"
                    DockPanel.Dock="Right" />
                <Button
                    Width="30"
                    Click="MaximizeButton_Click"
                    Content="□"
                    DockPanel.Dock="Right" />
                <Button
                    Width="30"
                    Click="MinimizeButton_Click"
                    Content="—"
                    DockPanel.Dock="Right" />
            </DockPanel>
        </Border>
        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="9*" />
                <ColumnDefinition Width="151*" />
            </Grid.ColumnDefinitions>
            <!--  其他内容  -->
        </Grid>

        <!--  添加 Thumb 控件以实现窗口调整大小  -->
        <Thumb
            Name="ResizeThumbLeft"
            Grid.RowSpan="2"
            Width="5"
            HorizontalAlignment="Left"
            VerticalAlignment="Stretch"
            Cursor="SizeWE"
            DragDelta="ResizeThumb_DragDelta" />
        <Thumb
            Name="ResizeThumbTop"
            Grid.RowSpan="2"
            Height="5"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Top"
            Cursor="SizeNS"
            DragDelta="ResizeThumb_DragDelta" />
        <Thumb
            Name="ResizeThumbTopLeft"
            Grid.RowSpan="2"
            Width="10"
            Height="10"
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Cursor="SizeNWSE"
            DragDelta="ResizeThumb_DragDelta" />
        <Thumb
            Name="ResizeThumbTopRight"
            Grid.RowSpan="2"
            Width="10"
            Height="10"
            HorizontalAlignment="Right"
            VerticalAlignment="Top"
            Cursor="SizeNESW"
            DragDelta="ResizeThumb_DragDelta" />
        <Thumb
            Name="ResizeThumbRight"
            Grid.RowSpan="2"
            Width="5"
            HorizontalAlignment="Right"
            VerticalAlignment="Stretch"
            Cursor="SizeWE"
            DragDelta="ResizeThumb_DragDelta" />
        <Thumb
            Name="ResizeThumbBottom"
            Grid.RowSpan="2"
            Height="5"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Bottom"
            Cursor="SizeNS"
            DragDelta="ResizeThumb_DragDelta" />
        <Thumb
            Name="ResizeThumbBottomRight"
            Grid.RowSpan="2"
            Width="10"
            Height="10"
            HorizontalAlignment="Right"
            VerticalAlignment="Bottom"
            Cursor="SizeNWSE"
            DragDelta="ResizeThumb_DragDelta" />
    </Grid>
</Window>


using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WPFTopMost
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.LostKeyboardFocus += Window_PreviewLostKeyboardFocus; 
            this.MaxHeight = SystemParameters.PrimaryScreenHeight;//防止最大化时系统任务栏被遮盖
        }

        private void CloseButton_Click(object sender, RoutedEventArgs e)
        {
            this.Close();
        }

        private void MaximizeButton_Click(object sender, RoutedEventArgs e)
        {
            if (this.WindowState == WindowState.Maximized)
                this.WindowState = WindowState.Normal;
            else
                this.WindowState = WindowState.Maximized;
        }

        private void MinimizeButton_Click(object sender, RoutedEventArgs e)
        {
            this.WindowState = WindowState.Minimized;
        }

        private void TopMostButton_Click(object sender, RoutedEventArgs e)
        {
            this.Topmost = (bool)this.TopMostButton.IsChecked;
        }

        private void Window_PreviewLostKeyboardFocus(object sender, KeyboardFocusChangedEventArgs e)
        {
            if (this.TopMostButton.IsChecked == false) return;
            this.Topmost = true;
        }

        /// <summary>
        /// 窗口移动
        /// </summary>
        private void RooGrid_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            this.DragMove();
        }

        private void ResizeThumb_DragDelta(object sender, DragDeltaEventArgs e)
        {
            var thumb = sender as Thumb;
            var window = Window.GetWindow(thumb);

            if (window != null)
            {
                double minWidth = 200;
                double minHeight = 150;

                if (thumb.Name == "ResizeThumbRight" || thumb.Name == "ResizeThumbBottomRight")
                {
                    window.Width = Math.Max(window.Width + e.HorizontalChange, minWidth);
                }
                if (thumb.Name == "ResizeThumbBottom" || thumb.Name == "ResizeThumbBottomRight")
                {
                    window.Height = Math.Max(window.Height + e.VerticalChange, minHeight);
                }
                if (thumb.Name == "ResizeThumbLeft" || thumb.Name == "ResizeThumbTopLeft")
                {
                    window.Width = Math.Max(window.Width - e.HorizontalChange, minWidth);
                    window.Left += e.HorizontalChange;
                }
                if (thumb.Name == "ResizeThumbTop" || thumb.Name == "ResizeThumbTopLeft")
                {
                    window.Height = Math.Max(window.Height - e.VerticalChange, minHeight);
                    window.Top += e.VerticalChange;
                }
            }
        }


    }
}

Demo地址

NitasDemo/04WPFTopMost at main · Nita121388/NitasDemo (github.com)

Nita.
关注
专栏目录
让窗体始终出现在最顶层
04-09
本程序实现了让窗体始终出现在最顶层，需要的朋友请看
wpf 设置控件层次问题 最顶层 最底层
weixin_44927769的博客
10-08 4958
网上查到的解决方法竟然只有一个，被无数的网站疯狂拷贝。方法异常麻烦，需要遍历整个控件树。无奈，自己用英文搜索看看，也不需要用谷歌，必应国际版用英文搜索就可以了。没看到几个就找到了一个靠谱的解决方案，也希望大家遇到问题的时候可以把英文互联网的答案搬运过来。（10年人家都有答案了，22年中文互联网还没有答案，唉）按钮控件无法点击，猜测是控件次序问题，被旁边的一个统计图控件覆盖了。如图，被统计图控件覆盖的单选按键。wpf是根据控件次序调增层级的，写在后面的控件会排在上层。调整后按钮即可点击。
wpf，工具栏上，最小化按钮的实现
最新发布
09-23 466
wpf，工具栏上，最小化按钮的实现
WPF窗口置顶
StevenChen的博客
06-01 307
方法2：后台代码设置。
WPF窗口置顶方法
BeanGo的博客
10-13 6793
WPF窗口置顶
WPF:窗体置顶
acass424022的博客
05-10 551
1、设置窗体TopMost属性 private DispatcherTimer timer; public Window1() { InitializeComponent(); Loaded += new RoutedEventHandler(Window1_Loaded); } void Window1_Loaded(object sen...
WPF控件置顶及置底功能
qq_37148671的博客
06-15 4077
WPF控件置顶及置底功能
WPF窗体添加置顶按钮功能实现示例
通过分析和运行这些代码，开发者可以更好地理解WPF窗体置顶操作的实现方式，并将其应用到自己的项目中。 .NET是微软的一个软件框架，它包括了一个庞大的类库，提供了通用的类型和接口，用于处理文件、数据库、网络...
WPF 窗体跳转动画 及按钮特效
02-12
本篇将深入探讨如何实现WPF窗体的跳转动画以及按钮的特效。 一、WPF 动画基础 WPF的动画系统基于Timeline类，它包括了故事板（Storyboard）、时间线（Timeline）和各种动画类。通过定义动画的时间线，我们可以控制...
Windows窗体置顶 C#/wpf编程
01-04
在项目开发中，希望窗体一直处于置顶状态，使用该Demo可方便实现这个功能。
窗口置顶setTop最上层
02-09
对于在调试过程中，遇到窗口模态或者置顶窗口无法调试的情况下，可以使用工具强制将窗口置顶，也就是编译器窗口，编译设置断点，很容易使用按F12就可以吧当前窗口置顶
WPF 窗体最大化、最小化、还原 | WPF 最大化/最小化 按钮图标切换
06-28
本篇文章将详细讲解如何在WPF应用中实现这些功能，并处理最大化/最小化按钮图标的切换。 首先，我们需要了解WPF窗口的基础知识。一个WPF应用程序通常包含一个MainWindow.xaml文件，它是窗口的UI定义。在这个文件中...
WPF 窗口置顶
瞬Future
06-05 2171
<Window x:Class="XXX_View"Height="230" Width="350" Closing="Window_Closing" Topmost="True">
wpf 控件顶层显示
热门推荐
lcawen的专栏
02-26 1万+
大伙儿最缺少的是代码吧？呵呵，直接来代码： 我所要实现的是image控件显示在canvas的最顶层，代码如下： public static void BringToFront(Image element)//图片置于最顶层显示         {             if (element == null) return;             Canvas parent
WPF跨进程显示窗口，解决部分窗口不置顶或者不前置问题
sczmzx的博客
09-10 447
【代码】WPF跨进程显示窗口，解决部分窗口不置顶或者不前置问题。
C#或者WPF中让某个窗体置顶
u014434080的专栏
03-31 1万+
前记：在工作中有个需求，要求不管到那个界面，我必须让一个浮动条（其实是个窗体）置顶。我用wpf，因为有之前有好几个界面已经设置成topmost了，所以在这几个界面，我的浮动条会被遮挡。为了始终让浮动条在最顶端，我写了个简单的工具类。在前面已经设置成topmost的窗体的Window_Loaded中调用这个工具类里的方法实现了始终让浮动条置顶。 工具类代码如下：public class TopMos
关于按钮置顶
magician123456789的专栏
08-10 437
首先创建两个button 按钮，将一个按钮button3的属性FlatStyle设置为Flat,这样当两个按钮交替使用的时候有凹凸感 private void button3_Click(object sender, EventArgs e) { this.button3.Hide(); this.button9.Show(); this.TopMost = true; } 取消置顶
jquery 置顶按钮
DevOps海洋的渔夫@专栏
04-19 967
需求 返回到页面的最上方。这个功能在简书阅读的时候右下角也有，如下： 点击这个按钮，直接就返回到最上方了。 当文档达到最上方的时候，置顶按钮消失。 编写基本HTML\CSS 这个图片我用了阿里的矢量图库，如果不懂如何使用的朋友，可以访问iconfont阿里巴巴矢量图标库从注册到使用。 再写一些p段落，用来形成滚动条，如下： 好...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值