web界⾯左边菜单设计_使⽤QtDesigner设计主窗⼝
本篇介绍使⽤ Qt 设计师创建 主窗⼝(MainWindow)的⼤致步骤：
1. 创建主窗⼝的 界⾯，保存即⽣成了.ui 的 ⽂件
1.1 新建界⾯时选择创建 Main Window
1.2 创建菜单
美食食谱网页界面ui设计灵感选中Type Here 处 双击(或按 Enter键)编辑菜单名。输⼊完毕后按Enter 键 确认，可继续编辑下⼀个菜单项。如有必要，可以在菜单项之间添加分隔符。可拖动以修改菜单项的顺序。
点菜单项后⾯的 加号 可以创建 ⼦菜单：
1.3 创建资源(参加 《PyQt 资源⽂件》篇)：
1.4 编辑动作(QAction)
创建菜单项时我们就已经创建了若⼲的动作，但只是设置了动作的⽂本。下⾯我们进⼊动作编辑器(位于设计师界⾯的右下)：
双击想要完善的QAction，进⼊动作编辑界⾯:
在这⾥，我们可以设定动作的对象名，⼯具栏提⽰，图标，快捷键等。还可以设置动作是否为 可选动作(Checkable)。
1.5 创建各个⼯具条
在⼯具栏区域有键, 选择 Add Tool Bar，可以创建空的⼯具条。然后，从动作编辑器拖动(按住左键)想要的 QAction 到⼯具条上。可拖动以修改⼯具条按钮的顺序。
1.6 创建中⼼窗⼝
从 设计师界⾯ 左边的 部件盒⼦拖动 中⼼窗⼝所需部件到 中⼼窗⼝区域。然后编辑好各部件的属性。最后在对象检查器 选定centralwidget，设定中⼼窗⼝的布局。
1.7 按照需要，连接⼀些预置的信号或 QAction 到预置的槽。
1.8 预览窗体(Ctrl+R) 并检查各个部分是否能按预期的⽅式正常⼯作。如⼀起正常，则保存界⾯⽣成 .ui ⽂件。否则，就要进⾏必要的修改。
2. ⽤ PyQt5 的 pyuic5 命令将 .ui ⽂件转化成 .py ⽂件(参见《使⽤Qt Designer 设计对话框(⼆)》篇)
3. 先在主程序中导⼊上⼀步创建的 py⽂件中的类 Ui_MainWindow, 接着 以多重继承的⽅式 (先后继承 QMainWindow、
Ui_MainWindow)，创建 主窗⼝⼦类。在初始化⽅法中调⽤ setupUi(self)(继承⾃ Ui_MainWindow)。然后创建各个QAction要调⽤的槽并 创建/⾃动 连接，以实现程序的各项功能。可参见《使⽤Qt Designer 设计对话框(⼆)》篇。
最后完善其它部件, 如停靠窗⼝，状态栏的 界⾯和功能，参见《PyQt 中⼼窗⼝、停靠窗⼝和状态栏》篇。