Python+PyQt5+Qt Designer+PyCharm实现一个多组件混合的GUI

首先打开pycharm，继续打开Qt Designer。

好了，开始我们的设计。

1.创建主选项卡

2.在选项卡1中添加子选项卡

3.在子选项卡1中添加一个树部件

继续

在继续

点击ok完成。

预览一下：

4.在子选项卡2中添加日期和日历部件

切换到子选项卡2中，使用DateEdit部件和CalendarWidget部件，在子选项卡2中添加一个日期修改框和一个日历框，采用垂直布局

5.在选项卡2中添加按钮组

GroupBox部件在创建一个组部件，然后在其中添加三个PushButton部件

6.在选项卡2中添加刻度和LCD部件

在选项卡2中添加一个刻度盘和显示器，放置在一个组部件中

7.在选项卡2中添加一个字体选择器

使用FontComboBox部件和Label部件，在选项卡2中添加一个字体选择器和文本显示

8.在选项卡2中添加一个进度栏

使用ProcessBar部件在选项卡2中添加一个进度栏

GUI的设计就这些了。

9.下面将.ui转化成.py

生成.py文件后，我们再建立一个python文件。将界面代码与逻辑代码分离。

运行一下，看有没有啥问题。

10.规整一下代码，实现逻辑的分离，便于我们以后的工作

11.实现日历选择同步到日期选择器

代码修改如下：

效果：

12.实现LCD显示器数字跟随刻度盘变化

运行效果：

13.实现按钮控制进度栏

运行效果

14.更新字体选择

运行效果：

15.最后附上最终的代码：

Qt 设计的GUI代码：

逻辑控制代码：

最终的GUI界面：两个选项卡的内容如下

更多的内容请关注头条号：小5嵌入式