1. 首页
  2. IT资讯

使用Qt Designer 设计主窗口

“u003Cdivu003Eu003Cp class=”ql-align-justify”u003E本篇介绍使用 Qt 设计师创建 主窗口(MainWindow)的大致步骤:u003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E1. 创建主窗口的 界面,保存即生成了.ui 的 文件u003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E1.1 新建界面时选择创建 Main Windowu003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E1.2 创建菜单u003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E选中Type Here 处 双击(或按 Enter键)编辑菜单名。输入完毕后按Enter 键 确认,可继续编辑下一个菜单项。如有必要,可以在菜单项之间添加分隔符。可拖动以修改菜单项的顺序。u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F12793f2fd5e840129f7b63f4a6de2a07″ img_width=”304″ img_height=”105″ alt=”使用Qt Designer 设计主窗口” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F7200e0c0804047d3b2e0308f9831c4d4″ img_width=”228″ img_height=”131″ alt=”使用Qt Designer 设计主窗口” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cp class=”ql-align-center”u003Eu003Cbru003Eu003Cu002Fpu003Eu003Cpu003E点菜单项后面的 加号 可以创建 子菜单:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002Fc20e3ac0040d4d1684b55a41e7cff776″ img_width=”335″ img_height=”283″ alt=”使用Qt Designer 设计主窗口” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cp class=”ql-align-center”u003Eu003Cbru003Eu003Cu002Fpu003Eu003Cpu003E1.3 创建资源(参加 《PyQt 资源文件》篇):u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F7cd5271df02d48e29b7671b45387871e” img_width=”469″ img_height=”128″ alt=”使用Qt Designer 设计主窗口” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cp class=”ql-align-center”u003Eu003Cbru003Eu003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E1.4 编辑动作(QAction)u003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E创建菜单项时我们就已经创建了若干的动作,但只是设置了动作的文本。下面我们进入动作编辑器(位于设计师界面的右下):u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F9f408567efb9450b998b7864f072f712″ img_width=”537″ img_height=”219″ alt=”使用Qt Designer 设计主窗口” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cp class=”ql-align-center”u003Eu003Cbru003Eu003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E双击想要完善的QAction,进入动作编辑界面:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F84c724ede4b44f6d907a6c1439a6b4db” img_width=”372″ img_height=”306″ alt=”使用Qt Designer 设计主窗口” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cp class=”ql-align-center”u003Eu003Cbru003Eu003Cu002Fpu003Eu003Cpu003E在这里,我们可以设定动作的对象名,工具栏提示,图标,快捷键等。还可以设置动作是否为 可选动作(Checkable)。u003Cu002Fpu003Eu003Cpu003E1.5 创建各个工具条u003Cu002Fpu003Eu003Cpu003E在工具栏区域有键, 选择 Add Tool Bar,可以创建空的工具条。然后,从动作编辑器拖动(按住左键)想要的 QAction 到工具条上。可拖动以修改工具条按钮的顺序。u003Cu002Fpu003Eu003Cpu003E1.6 创建中心窗口u003Cu002Fpu003Eu003Cpu003E从 设计师界面 左边的 部件盒子拖动 中心窗口所需部件到 中心窗口区域。然后编辑好各部件的属性。最后在对象检查器 选定 centralwidget,设定中心窗口的布局。u003Cu002Fpu003Eu003Cpu003E1.7 按照需要,连接一些预置的信号或 QAction 到预置的槽。u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002Fcedb10607cf84b13a7ec99dd9c793fe8″ img_width=”550″ img_height=”224″ alt=”使用Qt Designer 设计主窗口” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cp class=”ql-align-center”u003Eu003Cbru003Eu003Cu002Fpu003Eu003Cpu003E1.8 预览窗体(Ctrl+R) 并检查各个部分是否能按预期的方式正常工作。如一起正常,则保存界面生成 .ui 文件。否则,就要进行必要的修改。u003Cu002Fpu003Eu003Cpu003E2. 用 PyQt5 的 pyuic5 命令将 .ui 文件转化成 .py 文件(参见《使用Qt Designer 设计对话框(二)》篇)u003Cu002Fpu003Eu003Cpu003E3. 先在主程序中导入上一步创建的 py文件中的类 Ui_MainWindow, 接着 以多重继承的方式 (先后继承 QMainWindow、Ui_MainWindow),创建 主窗口子类。在初始化方法中调用 setupUi(self)(继承自 Ui_MainWindow)。然后创建各个QAction要调用的槽并 创建u002F自动 连接,以实现程序的各项功能。可参见《使用Qt Designer 设计对话框(二)》篇。u003Cu002Fpu003Eu003Cpu003E最后完善其它部件, 如停靠窗口,状态栏的 界面和功能,参见《PyQt 中心窗口、停靠窗口和状态栏》篇。u003Cu002Fpu003Eu003Cu002Fdivu003E”

原文始发于:使用Qt Designer 设计主窗口

主题测试文章,只做测试使用。发布者:玩家L-,转转请注明出处:http://www.cxybcw.com/10630.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code