【PyQt】在QtDesigner中使用自定义组件

这篇具有很好参考价值的文章主要介绍了【PyQt】在QtDesigner中使用自定义组件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

本文节选自笔者博客: https://www.blog.zeeland.cn/archives/eoifh3szz

前言

本文将介绍pyqt如何在在QtDesigner中使用自定义组件,给出整个流程的方法。这个问题是本文在接触到 https://github.com/zhiyiYo/PyQt-Fluent-Widgets/ 这个项目时遇到的问题,PyQt-Fluent-Widgets 是一个PyQt的组件库,通过PyQt-Fluent-Widgets ,你可以构建好看的PyQt的UI。

问题在这里,PyQt-Fluent-Widgets,实现了pyqt中的QPushButton等控件,假设名为button.pyPushButton,现在我有一个基于pyqt开发的老项目,想要在尽可能不改动原有代码的前提下进行Button的样式风格进行迁移,迁移成button.py中的button风格,如PrimaryPushButton或者PushButton。老项目采用Qt Designer开发,并采用pyuic.ui文件转换成.py文件,如home.ui转换成home.py文件,我继承了一个类叫做home_controller.py,继承了home.py中的Ui_MainWindow类,现在我需要在尽可能不改动原有老项目的代码的基础上,提供一个button转换的解决方案

这样子做有三个注意事项:

  1. 在尽可能不改动原有代码的前提下进行button的样式风格进行迁移,迁移成button.py中的button风格,如PrimaryPushButton
  2. 不能改动home.py文件,只能改动home_controller.py文件
  3. 假定home.py只有一个空的页面,里面只有一个QPushButton的按钮

当时我想了好一会,暂时没想到解决方案,最后在关于qt-designer中使用组件的问题 · Issue #46 · zhiyiYo/PyQt-Fluent-Widgets (github.com) 中看到有相关使用者进行尝试,给我提供了思路。

问题描述

可以在qtdesigner用的,比如lineEdit,你在qtdesigner正常添加LineEdit控件,然后右键,把它提升为 LineEdit (作者写的组建名),头文件就写 qfluentwidgets .这样你的ui文件生成py文件的时候,会自动import这个组件。

通过这种方式,就可以实现在Qt Designer中直接使用自定义的组件了,但是qfluentwidgets这个库在此处的引用还是有一些问题,因为qfluentwidgets作者在开发插件的时候,有一些控件的形参和其父类的形参是不一样的,什么意思呢?

简单来说就是qfluentwidgets作者的PushButton是这么定义的:

class PushButton(QPushButton):  
    """ push button """  
  
    def __init__(self, text: str, parent=None, icon: Union[QIcon, str, FluentIconBase] = None):
    ...

但是原生的QPushButton是这样定义的:

class QPushButton(QAbstractButton):  
	def __init__(self, *__args): # real signature unknown; restored from __doc__ with multiple overloads  
	    pass

说明text不是必填项,如果在QtDesigner想要设置自定义控件,那么形参一定要完全兼容父类才行,即你初始化CustomButton和初始化QPushButton的代码需要是一样的才可以,因此qfluentwidgets的控件代码和原生的不一样,需要写一个中间类进行改动。

解决方案

在这里,我想要使用qfluentwidgets里的PushButton控件,接下来将展示如何在Qt Designer中引用qfluentwidgets的控件,本项目在Undertone0809/pyqt-user-login: 一个基于PyQtMVC封装用户注册登陆模块模板 (github.com) 的基础上进行改造,旨在优化其UI。

首先,我们可以尝试新建一个/components/custom_button.py,代码如下:

from qfluentwidgets import PushButton  
  
  
class CustomButton(PushButton):  
    def __init__(self, parent=None):  
        super().__init__('', parent)

上面的代码继承了我想要使用的qfluentwidgets里的PushButton控件。

接下来,我们再新建一个/components/__init__.py,代码如下:

from .custom_button import CustomButton

最后,我们在Qt Designer中这样设置,新建一个CustomButton的类,然后头文件为components,如下图所示。

这个时候,我们就可以正常将一个普通的QPushButton 提升为CustomButton了,最后把ui转换成py,从下面的代码我们可以看到,自定义的控件转变成了from components import CustomButton了,到这个地步就差不多了,让我们来运行一下。

大功告成!文章来源地址https://www.toymoban.com/news/detail-451895.html

到了这里,关于【PyQt】在QtDesigner中使用自定义组件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • VSCode + PYQT5 + QtDesigner 环境搭建和测试

    VSCode + PYQT5 + QtDesigner 环境搭建和测试

    目的:编写Python桌面应用程序。 备注:也可以选择VS2017+QtDesigner ,但更喜欢VSCode 第1步:安装PyQt5和PyQt5-tools pip3 install -i Simple Index PyQt5 pip3 install -i Simple Index PyQt5-tools 第2步:找到QtDesigner 安装路径 一般会自动安装在python安装目录中,如果安装了Anaconda3,则将会在如下An

    2024年02月05日
    浏览(12)
  • Ubuntu+Pycharm+QtDesigner,并配置Pyqt5

    Ubuntu+Pycharm+QtDesigner,并配置Pyqt5

    1. 安装PyQt5 2. 安装ubuntu环境下所需要的依赖包  3. 安装QtDesigner  4. 设置Pycharm 步骤: File–setting–Tools–External Tools 点击 + 号 4.1 添加QtDesigner Name就是要添加的工具名称可以取 Group就是要把这个工具添加到哪个工具箱里面,类是于文件夹 Program是工具的位置,这里是安装QtDesi

    2024年02月09日
    浏览(20)
  • PyQt6把QTDesigner生成的UI文件转成python源码,并运行

    PyQt6把QTDesigner生成的UI文件转成python源码,并运行

    锋哥原创的PyQt6视频教程: 2024版 PyQt6 Python桌面开发 视频教程(无废话版) 玩命更新中~_哔哩哔哩_bilibili 2024版 PyQt6 Python桌面开发 视频教程(无废话版) 玩命更新中~共计18条视频,包括:2024版 PyQt6 Python桌面开发 视频教程(无废话版) 玩命更新中~、第2讲 PyQt6库和工具库QTDesigner安装

    2024年04月11日
    浏览(10)
  • 最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试

    最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试

    参考链接:最新版本VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试 一、安装Python3 PyQt5所支持的python版本是从3.5开始的,因此安装的Python3版本必须大于3.5。 我安装的位置是C:PythonPython38。 参见真小白入门Pyhton的安装 二、安装PyQt5以及PyQt5-tools(这里面就有designer了

    2024年02月08日
    浏览(10)
  • python - 安装pyqt5模块,PyCharm配置QtDesigner/Pyuic/Pyrcc,ui转py文件,图片转ico/icns格式,pyinstaller/py2app打包代码

    window配置Python+PyQt5+QtDesigner+PyUic+PyRcc(最全安装教程):https://blog.csdn.net/baidu_35145586/article/details/108110236 MacOS配置Pycharm+Python+PyQt5+QtDesigner+PyUic+PyRcc: https://blog.csdn.net/lkhk2008/article/details/116019386 QtDesigner工具的使用(界面与业务逻辑分离实现):https://blog.csdn.net/weixin_62094306/art

    2024年02月03日
    浏览(13)
  • 十、PyQtgraph使用QtDesigner提升3D图形界面

    十、PyQtgraph使用QtDesigner提升3D图形界面

    PyQtGraph是一个基于PyQt的图形绘制库,它提供了丰富的2D和3D图形绘制功能。您可以使用Qt Designer来创建图形界面,然后在PyQtGraph中使用它们。 下面是一个示例,演示了如何在Qt Designer中创建一个图形界面,然后在PyQtGraph中使用它: 创建图形界面 在Qt Designer中创建一个图形界面

    2024年02月08日
    浏览(14)
  • 组件库的使用和自定义组件

    目录 一、组件库介绍 1、什么是组件 2、组件库介绍 3、arco.design 二、组件库的使用 1、快速上手 2、主题定制 3、暗黑模式 4、语言国际化 5、业务常见问题 三、自定义组件 2、组件开发规范 3、示例实践guide-tip 4、业务组件快速托管 (1)工业:具有标准接口和某种功能且可复

    2024年02月11日
    浏览(22)
  • 鸿蒙自定义刷新组件使用

    鸿蒙自定义刷新组件使用

    DevEco Studio版本:4.0.0.600 1、RefreshLibrary_HarmonyOS.har,用于HarmonyOS         \\\"minAPIVersion\\\": 9,         \\\"targetAPIVersion\\\": 9,         \\\"apiReleaseType\\\": \\\"Release\\\",         \\\"compileSdkVersion\\\": \\\"3.2.3.6\\\",         \\\"compileSdkType\\\": \\\"HarmonyOS\\\" 2、RefreshLibrary_OpenHarmony.har , 用于OpenHarmony    

    2024年01月23日
    浏览(8)
  • 小程序如何使用自定义组件

    使用自定义组件的步骤如下: 创建自定义组件:在小程序项目根目录下的 components 文件夹中创建一个文件夹,然后在该文件夹中创建一个 .json 文件、一个 .wxml 文件和一个 .js 文件,这三个文件分别对应组件的配置、模板和逻辑。 在需要使用自定义组件的页面中,使用 using

    2024年02月06日
    浏览(7)
  • 自定义组件的基本使用-1

    自定义组件的基本使用-1

    目录 一、组件的引用方式分为: 局部引用和全局引用 二、组件和页面的区别: 三、组件样式隔离 四、data和properties的区别: 五、自定义组件-数据监听器  六、纯数据字段   七、组件的生命周期 八、插槽 一、组件的引用方式分为: 局部引用和全局引用 局部引用:组件只

    2024年02月05日
    浏览(10)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包