PyQt5设计器——页面设计_pyqt界面设计

哈喽！哈喽！又见面了！前两篇我们完成了PyQt5的安装，今天我们就来使用PyQt5来进行简单的窗体设计，毕竟安装了就要学会使用嘛

---

一.当我们打开Qt Designer后会弹出设计界面

• 选中 Main Window (主窗体)，点击创建
• 选中 menubar ，点击鼠标右键，点击移除菜单栏(当前界面右侧)
• 选中 statusbar ，点击鼠标右键，点击移除

二.修改主窗体标题和添加图片

• 在界面右侧找到 windowTitle ，将 MainWindow 改为学员管理系统
• 在 windowTitle 下方选中 windowIcon ，点击黑色倒三角，点击选中文件
• 在电脑里找到我们保存的图片，选中主窗体需要用的图标，点击打开即可
• 添加成功后，找到并点开界面左上角的窗体，找到预览并点击
• 预览主窗体图标与标题，查看是否添加成功，查看无问题后点击关闭按钮即可

PS：在项目文件中创建一个字典文件，将窗体设计需要用到的图片添加到文件中

三.添加控件(主窗体)

1.表格控件设计

• 找到 Table Widget (表格控件)，选中并点击鼠标左键，将表格控件拖到主窗体中
• 双击表格控件后会弹出一个窗口，在弹出的窗口界面中点击左下方的绿色加号，增加四列
• 在四个新建列中依次填入姓名、性别、联系方式、学期
• 输入完成后点击 ok

 

 2.为表格添加颜色

• 单击选中表格，在设计界面右侧找到 styleSheet 并选中
• 选中后点击右侧的省略号，然后弹出编辑样式表窗口，点击添加颜色的黑色倒三角图标
• 点击后选中 background-color
• 选中后弹出选择颜色窗体，在此界面中设置自己喜欢的颜色点击 ok 此窗口关闭
• 然后在编辑样式表窗口中点击关闭即可

PS：我们还可以在其他的添加资源、添加渐添加字体中设置表格样式

        还可以用相同的步骤为主窗体设置背景颜色

 

四.其他控件设计

1.添加

• 在设计界面左侧找到 Label 标签，选中并拖动标签到主窗体上
• 在设计界面左侧找到 Line Edit 单行编辑，选中并拖动标签到主窗体上
• 在设计界面左侧找到 Push Button 按钮，选中并拖动标签到主窗体上
• 在 Label 标签里输入姓名，在三个 Push Button 按钮中分别输入添加、修改、删除、查询
• 将 Label 标签、Line Edit 单行编辑和三个 Push Button 按钮摆放整齐

PS：三个 Push Button 按钮记得按功能更改项目名 objectName，这样功能明确易区分且易区分

 

 2.更改颜色

• 与更改表格与主窗体颜色步骤相同
• 选中 Line Edit 单行编辑，在设计界面右侧找到 styleSheet 并选中
• 选中后点击右侧的省略号，然后弹出编辑样式表窗口，点击添加颜色的黑色倒三角图标
• 点击后选中 background-color
• 选中后弹出选择颜色窗体，在此界面中设置自己喜欢的颜色点击 ok 此窗口关闭
• 然后在编辑样式表窗口中点击关闭即可

PS：三个 Push Button 按钮的颜色更改与上方步骤一致

 

 

至此，我们的主窗体设计就完成了*★,°*:.☆(￣▽￣)/$:*.°★* 。

五.总结

本章内容依然很简单，主要讲解了如何设计学员管理系统的主窗体，窗体设计是制作学员管理系统的的第一步，下篇博客会讲解设计学员管理系统的子窗体（也就是添加/修改窗体），此主窗体设计较为简单，小白可以试试设计这样一个主窗体。

---

希望这篇文章能够为正在观看的您提供一些帮助，如果有不理解或想要问的问题就在文章下方评论，大家一起互相交流。（ 求交流.jpg ）

最后，感谢支持！！！（ 90°鞠躬.jpg ）