PyQt开发教程（五）：控件功能及布局管理（1）

本教程后面章节为项目式教学以完成 “校园实验管理与可视化系统”项目为例如图1所示学会PyQt的基本使用方法。图1一、UI设计在Qt Designer中完成页面布局完成布局后保存为.ui文件接着在PyCharm中使用PyUIC生成.py文件。1. 理解页面关系本次课程需要完成的是‘基本信息页’BasicInfoPage页面层级关系为MainWindow- WorkspacePage - BasicInfoPage具体如下MainWindow主窗口WorkspacePage工作区是一个“父容器”负责提供标签页容器和底部按钮BasicInfoPage工作区中的第一页是一个“子页面”负责“基本信息”这一页的表单内容。代码运行时MainWindow加载WorkspacePageWorkspacePage加载BasicInfoPage。2完成基本信息页BasicInfoPage如图2所示。图22.1 打开Qt Designer新建Widget窗口。2.2 设置窗口属性如图3所示。需要修改的属性objectNameBasicInfoPagewindowTitle: 基本信息width: 720height:520。图32.3 创建“基本资料”左侧区域如图4所示。图4这一块是页面最上面的主体区域。操作步骤1在Qt Designer左侧的控件面板中拖入一个分组框控件“GroupBox”将其放到中央页面主布局中。2在对象检查器中右键对象BasicInfoPage选中主窗口右键给页面主窗口添加主布局即垂直布局。这里之所以不是第1进行主窗口布局是因为在Qt Designer中如果不先拖入一个控件布局功能无法显示。这里建议在对象检查器中进行布局是因为在中央页面中进行布局较难操作。如图5所示。图53修改‘基本资料’区域分组框GroupBox控件的属性。如图6所示。需要修改的属性objectNamegrp_infotitle: 基本资料。图64创建“基本资料”左侧表单区从左侧拖入一个‘表单布局’Form Layout放到grp_info内部左侧在对象检测器中右键分组框grp_info给分组框grp_info添加主布局为水平布局水平布局是因为右侧还有照片区。如图7所示。图75添加“基本资料”左侧表单区添加8行控件如图8所示。图8以第一行为例如图9所示。图9对照图8中的详细信息双击表单布局位置弹出窗口标签文本输入“姓名*”标签名称为“label_name”字段类型为“QLineEdit”字段名称为“le_name”在QLineEdit对象的text属性中输入“请输入姓名”。如图10所示。图10其它各行控件类似操作最后一行单独插入标签Label对齐字段标签。左边区域如图11所示。图11未完待续。