首先打开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嵌入式 的文章
