【PyQt】重写系统标题栏

已于 2022-02-23 17:43:04 修改
阅读量1.1k 收藏 12
点赞数 1
分类专栏： # PyQt 文章标签： python pyqt pyqt5
于 2020-03-05 15:55:54 首次发布
本文为 one-ccs 原创文章，引用必须注明出处！
本文链接：https://blog.csdn.net/qq_43155814/article/details/104625188
版权

注：系列文章，前后关联，请结合完整代码参考本系列文章；现已开源在 GitHub PyOc

文章目录

开发环境

  • 操作系统：Windows 10 x64 18363
  • Python：3.8.2 64-bit
  • Qt：PyQt5_5.14.1
  • IDE：Geany 1.34.1

纯 console 界面的 python 脚本实在是不太美观，且对用户不友好。所有就有开发 GUI 的需求，幸好 python 有内置的轻量化的 tkinter，对强大的 Qt 也有紧密支持的 PyQt

参考链接

  1. PyQt5之布局管理

  2. 样式控制-QSS 样式表

  3. Qss 渐变颜色设置

  4. QSS总结以及最近做的Qt项目

展望

Office Tool Plus

以 Office Tool Plus 为蓝本，实现 GUI 样式：

在这里插入图片描述

实现

  1. 去除系统标题栏
  2. 实现最大化、最小化及关闭窗口功能
  3. 【可选】实现窗口移动

去除标题栏

setWindowFlags(Qt.FramelessWindowHint)

设计 UI

这里我们使用 QWidget 加 QHBoxLayout 的布局，使用两个 QLabel（Icon、标题），三个 QPushButton（最小化、最大化、关闭）
【可选】换肤按钮、菜单按钮
在这里插入图片描述
这里使用 QT Designer 只是因为演示方便，实际可纯代码完成。

class OTitleBar(QWidget):
    """自定义标题栏

    实现了最大化与最小化，需配合 OWindow 使用"""

    def __init__(self, parent):
        super().__init__()
        # 设置尺寸策略
        self.setSizePolicy(QSizePolicy.Expanding, QSizePolicy.Fixed)
        self.setFixedHeight(36)
        # ~ self.setAttribute(Qt.WA_TransparentForMouseEvents)  # 鼠标点击穿透

        self._parent = parent                 # 父（主）窗口
        self._menu_button = None              # 菜单按钮（QWidget）
        self._skin_button = None              # 换肤按钮（QWidget）
        self._title_icon = None               # 图标（QLabel）
        self.title_label = None               # 标题（QLabel）
        self._min_button = None               # 最小化按钮（QWidget）
        self._max_button = None               # 最大化按钮（QWidget）
        self._close_button = None             # 关闭按钮（QWidget）
        self._central_layout = None           # 主布局（水平）

        self._menu_icon = None                # 菜单图标
        self._skin_icon = None                # 换肤图标
        self._min_icon = None                 # 最小化按钮图标
        self._max_icon = None                 # 最大化按钮图标
        self._restore_icon = None             # 最大化按钮恢复图标
        self._close_icon = None               # 关闭按钮图标

        self._series = 'black'                # 图标样式（默认黑色）

        # 初始化标题栏属性
        self.init_titlebar()
        # 设置最窄宽度
        self.setMinimumWidth(self._title_icon.width() * 13)
        # 去除布局及控件间的间隔及边距
        set_all_gap(self._central_layout, left=8)
        self.setMouseTracking(True)
        self._title_icon.setMouseTracking(True)
        self.title_label.setMouseTracking(True)

    def init_titlebar(self):
        """初始化标题栏属性"""
        # 添加标题控件
        self._title_icon = QLabel()
        self.title_label = QLabel()
        self._min_button = QPushButton()
        self._max_button = QPushButton()
        self._close_button = QPushButton()
        self._title_icon.setObjectName('OTitleIcon')
        self.title_label.setObjectName('OTitleLabel')
        self._min_button.setObjectName('OMinButton')
        self._max_button.setObjectName('OMaxButton')
        self._close_button.setObjectName('OCloseButton')

        # 设置 icon
        set_icon(self._title_icon, ':/res/images/one_ccs.ico')
        self._load_icon()

        # 设置 icon 宽度
        self._title_icon.setFixedHeight(24)
        self._title_icon.setFixedWidth(24)

        # 设置标题控件策略
        expanding = QSizePolicy.Expanding
        self.title_label.setSizePolicy(expanding, expanding)

        # 设置窗口主布局，并放入主容器中
        self._central_layout = QHBoxLayout(self)

        # 把控件添加进标题栏布局
        self._central_layout.addWidget(self._title_icon, alignment=Qt.AlignVCenter)
        self._central_layout.addWidget(self.title_label, alignment=Qt.AlignVCenter)
        self._central_layout.addWidget(self._min_button, alignment=Qt.AlignVCenter)
        self._central_layout.addWidget(self._max_button, alignment=Qt.AlignVCenter)
        self._central_layout.addWidget(self._close_button, alignment=Qt.AlignVCenter)

        # 链接信号/槽
        self._min_button.clicked.connect(self.min_button_click)
        self._max_button.clicked.connect(self.max_button_click)
        self._close_button.clicked.connect(self.close_button_click)

    def set_menu_icon(self, icon):
        """设置菜单按钮图标"""
        if not isinstance(icon, QPixmap):
            icon = QPixmap(icon)

        icon = icon.scaled(width, height, Qt.KeepAspectRatio, Qt.SmoothTransformation)
        self._menu_icon = QIcon(QPixmap(icon))
        self._menu_button.setPixmap()
        self._menu_button.setIcon(self._menu_icon)

    def set_skin_icon(self, icon):
        """设置最换肤按钮图标"""
        self._skin_icon = QIcon(QPixmap(icon))
        self._skin_button.setIcon(self._skin_icon)

    def set_min_icon(self, icon):
        """设置最小化按钮图标"""
        self._min_icon = QIcon(QPixmap(icon))
        self._min_button.setIcon(self._min_icon)

    def set_max_icon(self, icon):
        """设置最大化按钮图标"""
        self._max_icon = QIcon(QPixmap(icon))
        self._max_button.setIcon(self._max_icon)

    def set_restore_icon(self, icon):
        """设置恢复按钮图标"""
        self._restore_icon = QIcon(QPixmap(icon))

    def set_close_icon(self, icon):
        """设置关闭按钮图标"""
        self._close_icon = QIcon(QPixmap(icon))
        self._close_button.setIcon(self._close_icon)

    def set_icon_series(self, series):
        """设置标题图标系列（黑/白）"""
        if series == 'black' or series == 'white':
            self._series = series
            self._load_icon()

    def add_menu_button(self):
        """添加菜单按钮"""
        self._menu_button = QPushButton()
        self.setObjectName('OMenuButton')
        self._menu_button.installEventFilter(self._parent)
        if self._series == 'black':
            self.set_menu_icon(':/res/images/title_menu.ico')
        elif self._series == 'white':
            self.set_menu_icon(':/res/images/title_menu_w.ico')
        self._central_layout.addWidget(self._menu_button)
        # 重新放置主按钮
        self._central_layout.addWidget(self._min_button)
        self._central_layout.addWidget(self._max_button)
        self._central_layout.addWidget(self._close_button)

        return self._menu_button

    def add_skin_button(self):
        """添加换肤按钮"""
        self._skin_button = QPushButton()
        self._skin_button.setObjectName('OSkinButton')
        self._skin_button.installEventFilter(self._parent)
        if self._series == 'black':
            self.set_skin_icon(':/res/images/title_skin.ico')
        elif self._series == 'white':
            self.set_skin_icon(':/res/images/title_skin_w.ico')
        # 设置图标大小
        # ~ self._skin_button.setIconSize(QSize(22, 22))
        self._central_layout.addWidget(self._skin_button)
        # 重新放置主按钮
        self._central_layout.addWidget(self._min_button)
        self._central_layout.addWidget(self._max_button)
        self._central_layout.addWidget(self._close_button)

        return self._skin_button

    def _load_icon(self):
        """设置图标"""

        res = ':/res/images/'
        if self._series == 'black':
            if self._menu_button:
                self.set_menu_icon(res + 'title_menu.ico')
            if self._skin_button:
                self.set_skin_icon(res + 'title_skin.ico')
            self.set_min_icon(res + 'title_min.ico')
            self.set_max_icon(res + 'title_max.ico')
            self.set_restore_icon(res + 'title_restore.ico')
            self.set_close_icon(res + 'title_close.ico')
        elif self._series == 'white':
            if self._menu_button:
                self.set_menu_icon(res + 'title_menu_w.ico')
            if self._skin_button:
                self.set_skin_icon(res + 'title_skin_w.ico')
            self.set_min_icon(res + 'title_min_w.ico')
            self.set_max_icon(res + 'title_max_w.ico')
            self.set_restore_icon(res + 'title_restore_w.ico')
            self.set_close_icon(res + 'title_close_w.ico')

    def _check_parent(self):
        """判断是否有父窗口"""
        if isinstance(self._parent, QWidget) or (
           isinstance(self._parent, QMainWindow)):
            return True
        else:
            return False

    # 槽函数
    def min_button_click(self):
        """最小化"""
        if self._check_parent():
            self._parent.showMinimized()
        else:
            self.showMinimized()

    def max_button_click(self):
        """最大化（恢复）"""
        if self._check_parent():
            if self._parent.isMaximized():
                self._parent.showNormal()
                self._max_button.setIcon(self._max_icon)
            else:
                self._parent.showMaximized()
                self._max_button.setIcon(self._restore_icon)

    def close_button_click(self):
        """关闭"""
        if self._check_parent():
            self._parent.close()
        else:
            self.close()


def set_icon(obj, icon, width=20, height=20):
    """为 QLabel 或 QPushButton 设置图像"""

    if not isinstance(obj, QLabel) and not isinstance(obj, QPushButton):
        logging.warning('set_icon(obj: Union[QLabel, QPushButton], icon,' +
                        ' width=20, height=20): argument 1 is unexpected' +
                        ' type {}'.format(type(obj)))
        return None

    KAR = Qt.KeepAspectRatio
    STFM = Qt.SmoothTransformation

    if isinstance(obj, QLabel):
        if isinstance(icon, str):
            icon = QPixmap(icon).scaled(width, height, KAR, STFM)

        obj.setPixmap(icon)
    else:
        if isinstance(icon, str):
            icon = QIcon(QPixmap(icon))
        if isinstance(icon, QPixmap):
            icon = QIcon(icon)

        obj.setIcon(icon)
        obj.setIconSize(QSize(width, height))

    return icon

本文为 one-ccs 原创文章，引用必须注明出处！
https://blog.csdn.net/qq_43155814/article/details/104625188

下一篇：【PyQt】实战 Super Spider 之窗口移动

one-ccs
关注
  • 1
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt 实现 自定义窗口标题栏
12-07
以上代码用Qt实现了自定义窗口标题栏，非常实用，提供了窗口图标、窗口标题、最小化、最大化、关闭按钮等几个部分。可以应用到每一个窗口中去，保持每个窗口外观的一致性，同时自定义的标题栏也比系统自带的漂亮很多。
PyQt5 自定义标题栏，实现无边框，最小化最大化关闭事件，窗口拖动移动，窗口改变大小，仿百度网盘色调美化
集电极
08-13 1万+
也可以把标题类设置为一个接口文件，调用即可，不过这要修改逻辑代码。通过这个函数获取改变大小的坐标范围，只有鼠标处于这个范围，就可以改变程序窗口大小。函数不是按钮的信号与槽函数，在这里说是因为它是设置三个按钮的图标关键字,使用了。百度网盘程序的标题栏的颜色便灰，内容窗口便白色，使用屏幕拾色器获取具体颜色编码。因为设置了主窗口透明化，所以要专门用这个过滤器来恢复鼠标形状，两个子窗口。我只设置了三个方向可以改变窗口大小，其他的可以自行修改。单独设置一个函数来整理无边框，标题和图标设置。初始化函数里，会很混乱的。
PyQt：【重磅干货】实现一个自定义样式的窗口（比如去掉边框、改变标题位置、窗口按钮样式）
Mr_K_night的博客
03-30 747
【代码】PyQt：【重磅干货】实现一个自定义样式的窗口（比如去掉边框、改变标题位置、窗口按钮样式）
Qt 自定义窗口的标题栏，重写鼠标事件实现，关闭隐藏，最大化/最小化，重写窗口事件函数，实现鼠标选中边框拉大拉小，双击标题栏切换窗口最大化和最小化
每一个不曾起舞的日子，都是对生命的辜负
05-18 2068
Qt 自定义窗口的标题栏，重写鼠标事件实现，隐藏窗口，最大化/最小化窗口，关闭窗口。
Qt重绘标题栏
liuyanfeier的专栏
10-06 2622
#ifndef FRAME_H#define FRAME_H #include <QFrame> class QToolButton; class CustomFrame : public QFrame { Q_OBJECT public: explicit CustomFrame(QWidget *contentWidget, const QString &title); publ
Qt重画标题栏
yinyuchen1的博客
07-13 2746
1.      在头文件中添加下列三个函数 //鼠标点击标题栏，重新实现拖动操作 void mouseMoveEvent(QMouseEvent*event); void mousePressEvent(QMouseEvent*event); void mouseReleaseEvent(QMouseEvent*event);   2.      在头文件中添加下列三个槽函数
PyQt自定义标题栏（界面美化，附C++和Python源码）
热门推荐
梦的灰色边沿...
12-09 1万+
文章目录1. 简述2.代码说明(1)主窗口(2)标题栏(3)完整代码(4)美化(QSS)3.源代码链接 1. 简述   这几天给老师做项目用到了PyQt5，说一些自己的想法，用python写qt界面我觉得如果懂C++和Qt是最好的，因为PyQt5没有相应的官方文档，我做项目时都是对照着Qt的C++文档做的，而且二者基本差别不大，只是一些小细节有略微不同而已，当然不懂Qt直接做也可以，但是这难免很费...
PyQt实现自定义标题栏、鼠标移入移出效果切换、点击切换窗口界面等基本操作
09-07
PyQt实现自定义标题栏、鼠标移入移出效果切换、点击切换窗口界面等基本操作
【PyQt】实战 Super Spider 之自定以标题栏
12-22
文章目录开发环境参考链接展望实现去除标题栏设计 UI 开发环境 操作系统：Windows 10 x64 18363 Python：3.8.2 64-bit Qt：PyQt5_5.14.1 IDE：Geany 1.34.1 纯 console 界面的 python 脚本实在是不太美观，且对用户...
PyQt5实现无边框窗口的标题拖动和窗口缩放
12-24
网上找了半天都找不到好用的PyQt5无边框窗口的实现，借鉴部分前辈的窗口拖放代码，自己实现了一下无边框窗口，问题可能还有一点，慢慢改吧 先做个笔记 py文件 #!/usr/bin/env python #-*- coding:utf-8 -*- from ...
使用pyqt实现的一个自定义标题栏窗体
最新发布
05-02
原始的QMainWindow类只能继承操作系统中的标题栏样式，奇丑无比啊！ 这里找了网上其他的自定义样式做了一些修改，添加了菜单栏并对标题位置做了一些修改（居中显示）。
qt5 自定义标题栏
03-20
用qt5写的自定义标题栏，做相应的改变也可以在其他版本运行，去掉了系统默认的标题栏，自己实现关闭，最大化，最小化，双击最大化最小化功能，这对标题栏的美化有帮助
扩展无边框Frame实现灵活自定义标题栏
11-09
自绘窗体示例代码工程，VS2013可直接编译运行。支持LOGO、标题、全部标题栏功能
Qt5.9自定义标题栏源代码
07-19
本源代码是用Qt5.9的Creator编译和构建，主要功能是实现自定义标题栏，而屏蔽系统自带的标题栏。具体的讲解和用法可以参考我的博客：https://blog.csdn.net/naibozhuan3744/article/details/81120544
QT5 Widget无边框标题栏和自定义程序启动画面
04-19
QT5 Widget 无边框标题栏和自定义程序启动画面的小例子，可以直接拿来用
PyQt5重写QComboBox的鼠标点击事件方法
01-01
最近学PyQt5，想要做一个串口调试助手来练练手，之前用了正点原子的串口上位机，觉得点击ComboBox自动检测串口这个功能很棒，之前用QT5写串口调试助手的时候也想加入这个功能，但是一直没有成功，之后就不了了之，...
PyQt5 自定义可拖动标题栏
晓虎虎在此的博客
03-06 1280
PyQt5 自定义可拖动标题栏 将此段代码加入到我的上一篇博客中即可 实现标题栏的拖动 def getRestoreInfo(self): return self.restorePos, self.restoreSize def mousePressEvent(self, QMouseEvent): self.isPressed = True ...
pyQt5 学习笔记（9）练习：自定义标题栏和窗体移动
白杨木屋
10-29 3301
一、自定义标题栏 在pyQt中，顶层的窗口会自动添加标题栏： 面向开发者的工具或软件通常使用默认的样式，但是面向用户的软件，则一般会通过自定义标题栏，使软件界面更加富有个性化。这一小节的自定义标题栏的功能，主要实现标题栏的最小化，最大化，已经关闭功能。其代码如下所示： from PyQt5.Qt import * import sys #0.创建一个自定义的窗口类 class Window(Q...
Qt 自带标题栏处理方法思路
路奇的博客
01-13 1018
public:// ...需要注意参数eventType，在不同的系统上，也是不一样的，Qt文档也有说明X11 为 "xcb_generic_event_t"macOS 为 "mac_generic_NSEvent"windows 为 "windows_generic_MSG" 和 "windows_dispatcher_MSG"在Windows程序中，消息是由MSG结构体来表示的。MSG结构体的定义HWND hwnd;//窗口句柄//消息常量标识符。
pyqt自定义dialog标题栏
01-17
以下是使用PyQt自定义Dialog标题栏的方法： 1. 创建一个自定义的QWidget作为标题栏，设置其背景颜色、字体、布局等样式。 ```python class TitleBar(QWidget): def __init__(self, parent): super().__init__(parent) self.setStyleSheet("background-color: #333333; color: white; font-size: 16px;") self.layout = QHBoxLayout() self.layout.setContentsMargins(10, 0, 10, 0) self.setLayout(self.layout) self.title_label = QLabel("自定义标题栏") self.title_label.setAlignment(Qt.AlignCenter) self.layout.addWidget(self.title_label) ``` 2. 创建一个自定义的QDialog，并设置其窗口标志为无边框。 ```python class CustomDialog(QDialog): def __init__(self): super().__init__() self.setWindowFlags(Qt.FramelessWindowHint) self.title_bar = TitleBar(self) self.layout = QVBoxLayout() self.layout.addWidget(self.title_bar) self.setLayout(self.layout) ``` 3. 在自定义的QDialog中实现鼠标事件，以实现拖动窗口的功能。 ```python class CustomDialog(QDialog): def __init__(self): super().__init__() # ... def mousePressEvent(self, event): self.offset = event.pos() def mouseMoveEvent(self, event): x = event.globalX() y = event.globalY() x_w = self.offset.x() y_w = self.offset.y() self.move(x - x_w, y - y_w) ``` 4. 创建并显示自定义的Dialog。 ```python app = QApplication(sys.argv) dialog = CustomDialog() dialog.show() app.exec_() ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值