文章目录 前言 PyQt5界面设计 使用Qt Designer绘制界面 视频部件插入小技巧 解码器下载 功能实现 trace.moe API介绍与视频 使用Nuitka打包成exe...安装方法:pip install PyQt5 使用Qt Designer绘制界面 在设计一个图形化界面的应用时,我们需要先绘制出其大致布局,可以在草稿纸上勾勒一下,然后通过PyQt5中的Qt Designer...它的文字版教程在这里:http://www.python3.vip/tut/py/gui/qt_01/ 我是使用的VSCode编辑器,推荐一个插件——PYQT Integration,可以随时预览UI界面和编辑...视频部件插入小技巧 在UI界面中加一个视频显示部分我花了不少时间去研究,主要因为Qt Designer中没有视频播放器的小部件,于是我就有点懵了,虽然可以直接编辑Python代码来弄,但为了统一流程,还是希望能在...经过一番研究,总结以下方法: 第一步:拖拽一个Containers中的Widget到编辑界面; 第二步:选择Widget部件,右键选择“提升为…(Promote to …)”; 第三步:设置
选中关键词后按F1查看文档阅读器 Qt Designer Qt Designer是强大的跨平台GUI布局和格式构建器。...由于使用了与应用程序中将要使用的相同的部件,可以使用屏幕上的格式快速设计、创建部件以及对话框。使用Qt Designer创建的界面样式功能齐全并可以进行预览,这样就可确保其外观完全符合要求 。...Qt 使用单一的源码树和单一的应用程序二进制包就可同时支持多个语言和书写系统。 第一个Qt程序 新建项目 ? ? ? ? ? ?...step3:使用qt语言家翻译ts文件 将Translate_CN.ts文件用Qt Linguist打开 汉语(一般不用改,我们使用的是汉语,只需要改汉译英的) ? ?...选择默认的trigered()即可,信号与槽后面介绍,按步骤来就行 切换英文 m_Translator‐>load("Translate_EN.qm"); 切换中文 m_Translator->load
宏观上认识下 PySide6 的类 QWidget类 在Qt框架中,QWidget、QMainWindow和QDialog是构建GUI应用程序的基础组件,它们都是QWidget类的不同子类,各自有不同的用途和特点...用途:它是创建自定义控件和窗口的基础。大多数Qt应用程序都会直接或间接地使用QWidget的派生类。 特点:QWidget可以包含其他控件(如按钮、文本框等),并且可以作为其他窗口的子部件。...用途:QDialog 用于需要用户输入或反馈的交互式窗口,如登录框、设置窗口或消息提示框。 特点:QDialog 提供了对话框特有的功能,如默认按钮、取消按钮和帮助按钮。...组合使用:在Qt应用程序中,通常首先创建一个 QMainWindow 作为主窗口,然后在其中嵌入或弹出 QDialog 对话框,以处理用户交互。...在设计GUI应用程序时,根据需要选择合适的窗口类是非常重要的; QWidget 提供了最大的灵活性,适合创建自定义控件和复杂布局; QMainWindow 适合作为应用程序的主窗口,提供标准的窗口结构;
b.设置默认PyCharm解析器 选择File | Settings | Project: first | Project Interpreter,设置 Project Interpreter为你使用的...Designer 和 PyUIC两个工具 4、PyCharm中通过PyQt5设计GUI界面 (1)利用代码创建GUI界面 新建test3.py,输入如下代码 # -*- coding: utf-...2)利用Qt Designer代码生成一个GUI界面 ,并用PyUIC转换为.py文件。...选择Tools->ExternalTools->QTdesigner,进入QT Designer界面,第一次会弹出一个GUI创建界面,点击creat 自动生成一个带下方按钮的GUI界面,如下图。...保存并返回PyCharm 项目界面,项目列表下多出了这个.ui文件 右键单击Utitled.ui,弹出列表中选择ExternalTools->PyUIC 就会生成Utitled.ui对应的Utitled.py
,所以要想办法解决这个问题; Qt Designer就随之而出; Qt Designer 是一个可视化的界面设计工具,它允许通过拖放和设置属性的方式,轻松创建应用程序的用户界面。...Qt Designer 提供了一个直观的图形用户界面,可以在其中对界面进行布局,并设置小部件的外观和行为属性。可以通过编辑器轻松调整字体、颜色、对齐方式等属性,以及连接信号和槽来处理用户交互。...设计完成后,Qt Designer 会生成一个特定格式的界面文件(通常是 .ui 文件),其中包含了界面的结构、布局和属性信息。...使用 Qt Designer,无需手动编写复杂的界面代码,而是可以通过直观的操作来创建界面。...文件; 打开它,你会发现其实就是xml编写的内容; 到这里Qt Designer的任务就已经完成了,后面就来看看PySide怎么使用ui文件了; 如果你还是不太会使用Qt Designer的话,先手动新建一个文本文件
它既可以开发GUI程序,也可用于开发非GUI程序,比如控制台工具和服务器。 简单来说,QT可以很轻松的帮你做带界面的软件,甚至不需要你投入很大精力。...Linux平台,Windows CE Symbian、Symbian^3、Symbian Anna、Symbian Belle、MeeGo QT常用的三个主要附件 Qt Designer(可以拖UI)...Qt Designer被称为Qt设计师,用于设计和构建图形用户界面(Qt Widgets)。...你可以组合和自定义窗口或对话框(所见即所得),并使用不同的风格和分辨率进行测试。用Qt Designer创建的窗口部件和表格无缝集成编程代码,采用Qt信号和槽机制,这样就可以轻松地分配图形元素的行为。...在Qt设计师中设置的所有属性可以动态地在代码中进行更改。此外,类似插件推广和自定义插件功能,可以使用自己的组件来使用Qt Designer。
在创建工程这块,我要说的是要了解Qt提供的一些模板:如左侧第一个默认的是应用程序,第二个是创建库模板。...下方Generate form默认是勾选的,也就是创建.ui文件。不是很懂?没关系,每次建工程都会选,选着选着就会有感情了。 ?...三、Qt控件概述与应用举例 Qt的控件有很多很多,直到现在我也有很多没有用过。说到这,提一下,我们可以使用Qt Designer的快速设计和布局各种窗体部件,也可以使用纯代码进行窗体设计。...初学者建议先使用Designer进行设计。...这块通过一个小Demo串几个知识点:信号和槽,控件的简单使用,如何根据自己的功能去查找文档以及有一点难度的应用。
尽管如此,Qt Creator 还提供了上下文相关的帮助,并且还具有自己的内置且非常方便的帮助查看器。 Qt Designer:这用于使用 Qt 小部件设计 GUI。...生成 Qt 项目时,它将首先创建一个新的生成文件夹,默认情况下,该文件夹与项目文件夹位于同一级别。...如本章前面所述,您甚至可以在应用中存储默认样式表(请参阅 Qt 资源系统),并默认加载它,如果在自定义文件的特定位置存储了自定义文件,则可以跳过该样式表。 电脑。 这样,您可以轻松拥有可定制的应用。...基本上,相同的逻辑适用于可以与QPainter一起使用的所有类。 因此,正如您所说,您可以自己创建一个自定义 Qt 小部件,并使用QPainter创建(或绘制)其可视面。...在窗口中添加QWidget(小部件)。 将其升级到新创建的小部件。 实际上,将QWidget提升为定制的小部件也是从第三方开发人员(或也许是从互联网)获得小部件并希望在应用窗口中使用它时使用的方法。
一来方便学习,所以参数都写在左下角,方便了解到使用了什么生成了什么,二来不用重复造轮子,调节后,可直接将左下角生成的QSS代码复制到qt的样式表里面即可显示效果。...二.三种方式添加样式表 直接在Qt Designer 中添加样式 在代码中使用setstylesheet函数添加样式 创建qss文件添加样式 无论哪一种添加,都离不开样式表语法,样式表语法由选择器和声明构成...将这个qss文件作为资源文件加载到qt中,如下图,创建一个资源文件,并添加现有文件(qss文件): ?...滑块(红色)的凹槽使用:: groove设置样式。默认情况下,凹槽位于窗口小部件的“内容”矩形中。 滑块(绿色)的拇指使用:: handle子控件设置样式。子控件在凹槽子控件的“内容”矩形中移动。...Qt控件样式表自定义官方文档,列出了可以使用样式表自定义的Qt小部件。 FdpgQtStyleSheet源码,别忘了给个star再走! FdpgQtStyleSheet软件
】(基础篇—5)文章中,聊到了如何使用Qt Designer进行窗口布局管理,其实在Qt Designer中可以非常方便进行窗口布局管理设计,本篇博文在4种窗口布局方式基础上继续深入聊聊API函数~ 在...QGridLayout类中的常用方法如下表所示: 3.1、单一的网络布局 来做个单一网格布局的小案例,创建QGridLayout的实例,并设置为窗口的布局,创建按钮的标签列表,在网格中创建一个位置列表...,但若是进行比较复杂的布局,就涉及布局的嵌套了,推荐使用Qt Designer的可视化管理工具来进行界面布局,可参见上篇博文。...Qt Designer中嵌套布局层级效果 本文仅介绍API函数实现嵌套布局的示例方法。...在QSplitter对象中各子控件默认是横向布局的,可以使用Qt.Vertical进行垂直布局。
表格、列表和树型窗口部件是 GUI 开发中经常会用到的窗口部件。传统的方式是窗口部件本身包含用于存储数据的内置容器。这种方式非常符合直观感受,然而,在许多复杂的应用中,这将导致数据的同步问题。...早期Qt使用的就是上述的方式。第二种方式是模型/视图编程,窗口部件无需维护内部的数据容器。它们通过标准的接口获取外部数据,也因此避免了数据的重复。...对于Qt的Model /View我们可以简单的划分为3种使用级别: ①Model /View的简便类 ②Model /View的预定义模型 ③Model /View的自定义模型 简便类:如QListWidget...那么接下来我们用一个小例子来了解下Model /View简便类的使用。...运行环境:ubuntu、 Qt5.5.1 例子是C++ GUI Qt4 改成的Qt5,通过一个对话框显示用户可以编辑的(x,y)坐标。
在 Qt Designer 中, 随便拖⼀个控件过来, 选中该控件, 即可在右下⽅看到 QWidget 中的属性 这些属性既可以通过 QtDesigner 会直接修改, 也可以通过代码的⽅式修改. 1....;是普通箭头, 还是沙漏, 还是十字等形状;在 Qt Designer 界面中可以清楚看到可选项....Qt::DefaultContextMenu:默认的上下⽂菜单策略,⽤⼾可以通过⿏标右键或键盘快捷键触发上下⽂菜单 Qt::NoContextMenu:禁⽤上下⽂菜单,即使⽤⼾点击⿏标右键也不会显⽰菜单...Qt::LeftToRight:⽂本从左到右排列,也是默认值。 Qt::RightToLeft:⽂本从右到左排列。...:控件可以通过Tab键和⿏标点击接收焦点 (默认值) Qt::WheelFocus : 类似于 Qt::StrongFocus , 同时控件也通过⿏标滚轮获取到焦点 (新增的选项, ⼀般很少使⽤).
Designer中有很多UI界面组件,每种组件相对应有可设置的属性,本篇博文来让我们简单了解一下吧~ 1、界面组件 在Qt Designer中,提供了八大类界面可视化组件分别为:布局组件(Layouts...在Qt Designer中可以通过属性acceptDrops设置部件是否接受鼠标拖放事件。...对于大多数小部件,无需设置此属性,因为Qt会调用部件相关属性显示,如按钮将显示按钮的文本,但当小部件不提供任何文本时,设置此属性很重要。例如,只包含图标的按钮需要将此属性设置为与屏幕阅读器一起使用。...styleSheet属性 styleSheet属性是定义组件外观的属性样式表,在Qt中styleSheet样式表是类似于html的css样式一样的方法,只是专门为Qt中的部件开发的。...如果一个部件没有设置语言环境,则使用父对象的语言环境或者默认语言环境(如果部件是顶层部件)。
使用 Qt 设计师 可以通过拖动组件,所见即所得地创建应用程序的用户界面。从pip安装 pyqt5-tools 模块即可完成Qt Designer程序的安装。...安装完成后可以从 python根目录\Lib\site-packaes\pyqt5_tools目录下 找到 designer.exe 程序。 ? Qt Designer 程序启动后的界面如下: ?...本篇讲解对话框的绘制,选择创建底部带“Ok”,“Cancel”按钮的对话框。 ? 我们可以从设计师窗口左边的Widget Box,鼠标移动到想要的组件上,按住左键,拖动组件到正在设计的窗口上。...需要在自编代码中引用的部件,最好在对象查看器中,将其对象名修改成容易辨识的名字。对象查看器位于设计师程序窗口右边顶部。 ? 我们依次添加完各个部件到大概的位置,根据需要设置好对象名和各个属性。...在适当的地方,为内置的信号和槽建立 信号-槽 连接。如,连接关闭按钮的点击信号和对话框的 “接收”(并关闭)槽。 ?
在 __init__ 方法中,我们创建了一个 QOpenGLWindow 实例,并将其设置为中心窗口部件。最后,我们设置了窗口的标题为 "PyQt5 OpenGL Demo"。...你可以进行进一步的修改和自定义,添加更多的绘图功能和 OpenGL 特性。 希望这篇文章对你理解如何使用 PyQt5 创建 OpenGL Demo 有所帮助。...继续学习和探索,你可以发现更多有趣的应用场景!PyQt5是一个Python绑定Qt库的工具集,它可以帮助开发者使用Python语言创建图形用户界面(GUI)应用程序。...Qt Designer:PyQt5附带了一个名为Qt Designer的可视化工具,可以帮助你以图形化的方式设计用户界面。...你可以在Qt Designer中拖放工具和组件来布局界面,然后使用PyQt5将设计好的界面与后端Python代码进行连接。
Qt 的优势:内置大量常用控件,并支持自定义控件,便于快速开发符合需求的界面 像上面示例中的,按钮、列表视图、树形视图、单行输⼊框,多行输入框,滚动条、下拉框等等都可以称为 “控件” Qt 作为一个成熟的...这一点在 Qt Designer 中就可以看出来,并且 Qt 也提供了 “自定义控件” 的能力,可以让我们在现有控件不能满足需求的时候,对现有控件做出扩展,或者手搓出新的控件。...Qt Designer 生成的 ui 文件,本身是 xml 格式的,qmake 会把这个 xml 文件转换成 C++ 的 .h 文件(这个文件生成在 build 目录中),构成一个 ui_widget...,只能凑一个非常接近 0.1 的数 因此 1 - 0.1 的数值并非是 0.9 这里还要提一句:平时最好不要把两个浮点数直接用 == 进行比较,比如 0.1 + 0.2 == 0.3 (false) 还有个小细节...自定义鼠标光标 Qt 自带的光标形状有限,我们也可以自己找个图片,做成鼠标的光标,比如我们这里用我们上面图标那用到的宝可梦当鼠标光标 (1)用下面说到的,创建 qrc 的方法,来创建 qrc 资源文件
本篇文章只能回答一半,如何创建扩展Qt自身的插件。 Qt提供了两种用于创建插件的API: 用于编写Qt自身扩展的高级API:自定义数据库驱动程序,图像格式,文本编解码器,自定义样式等。...本次的例子就是自定义样式的例子。 用于扩展Qt应用程序的低级API。下次介绍。 例如,如果您要编写自定义QStyle子类并让Qt应用程序动态加载它,则可以使用更高级别的API。...1、打开Qt自带的工程 打开Qt Creator后,默认在【Welcome】选项,之后选择【Examples】,搜索【sty】,选择红色按钮那个。 ? ? 2....主程序简介 主程序中创建了窗口部件,这部分我们无需主要注意。我们要关注的是在主程序中如何使用我们新的样式。...插件生成路径: ? 5. 让其他工程使用自定义样式 将我们生成的插件拷贝到下面目录,Qr Designer在运行时会自动查找插件,如果找到插件则会自动加载。 ? 下面是一个测试效果。
int h)或setGeometry(QRect )设置该属性的值(注:QRect类是Qt的一个类,该类提供了一组函数,它们返回各种矩形坐标,并支持对它们进行操作。...tabletEvent() ⑥focusPolicy 在Qt Designer中可以设置部件的焦点策略 ---- 部件的焦点策略属性取值范围由枚举类型Qt.FocusPolicy来定义,该枚举类型及其含义如下表所示...---- 相关取值及含义如下: image.png 输入提示是多种值的组合,多个值之间通过或操作组合。 如果几个独占标志被放在一起,则生成的字符集将由指定集的并集组成。...如果一个部件没有设置语言环境,则使用父对象的语言环境或者默认语言环境(如果部件是顶层部件)。...②font(字体设置) 注意:如果Qt Style Sheets与setFont()在同一个部件上使用,则如果设置冲突,样式表将优先 在Qt Designer中部件的Font属性中可以设置对应部件的字体属性
我比较习惯用Win+S呼出Cornata主面板(搜索框)来启动各种应用,那么这里就是在搜索框中输入designer并敲回车,就能够启动Qt Designer了。...在有Qt Designer的情况下,是完全不推荐费时费力去手写GUI代码的。Qt Designer可以所见即所得,并且可以方便的修改并做出各种调整。...8)生成Python代码 使用cmd将目录切到D盘并执行下面的命令。...因此我们在同一个目录下另外创建一个程序叫做“main.py”,并输入如下内容。在本例中,gui_file_name就是HelloWorld,请自行替换。...Signal类来创建一个自定义的信号。
Qt Designer是PyQt程序UI界面的实现工具,Qt Designer工具使用简单,可以通过拖拽和点击完成复杂界面设计,并且设计完成的.ui程序可以转换成.py文件供Python程序调用 这篇文章主要介绍了...PyQt中Qt Designer工具的使用方法,文章进行了非常详细的示例介绍。...以下为Qt Designer工具主界面 ? 主界面的不同区域介绍: 控件工具箱:提供Gui界面开发各种基本控件,如单选框、文本框等。可以拖动到新创建的主程序界面。 ?...如下所示即为上述几种工具箱基本控件的对比图。 ? ? 工具小实战了解基本控件及其作用和获取输入/显示方法后,就可以开始动手实现用户小需求了。比如制作一个登录界面。获取用户名和密码并显示。...以上就是今天谈到的Qt Designer工具的使用方法, 你学会了吗? END
领取专属 10元无门槛券
手把手带您无忧上云