python界⾯设计实例qt_PyQt5快速上⼿应⽤篇1-设计串⼝⼯具
GUI界⾯
前⾔
本节我们使⽤PyQt5的设计项⽬UI界⾯,⼀个极⼤的好处就是可以随意拖动控件布局,轻松实现界⾯设计。
⼀、实例
1. QT Designer设计UI
打开,使⽤默认的Main Window创建,直接点击Create按钮即可。
设计Main Window主页⾯如下,菜单栏中菜单分别为编辑、显⽰、⼯具、帮助,状态栏默认在最下⽅,可以在下⽅右键选择Remove
Status Bar删除。
其中Combox主要⽤来串⼝配置信息,设计⽅式如下:
Radio Button组件⽤来供⽤户选择ASCII还是HEX⽅式处理数据,设计如下:
check Box⽤来设置⼯具配置信息,具体设计如下:
Spin box⽤来选择实现⼀个拨码效果切换重复发送时间,设计⽅法如下
串⼝信息显⽰和输⼊使⽤textBrowser,设计⽅式如下:
groud Box可以按组分类设计,拖动时候内部控件跟随着groud Box拖动,设计如下:
菜单栏实现也⽐较简单,⽅法如下:
toolBar实现稍微复杂点,需要⾸先右键选择Add tool Bar,然后再Designer右下⽅的Action Editor⼯具栏设计Action,然后将Action拖到toolBar即可,具体设计⽅法,参考"PyQt5快速上⼿基础篇8-菜单栏、⼯具栏和状态栏"。
2 将*.ui转换为ui_uart_tool.py
进⼊run.py⽬录,输⼊如下命令:
pyuic5 -o ui_uart_tool.py uart_tool.ui
3 编写python程序
# encoding=utf-8
import sys
import PyQt5.QtWidgets as qw
import ui_uart_tool
num = 0
if __name__ == "__main__":
app = qw.QApplication(sys.argv)
w = qw.QMainWindow()
ui = ui_uart_tool.Ui_MainWindow()
ui.setupUi(w)
w.show()
<_())
上述程序启动时候将会调⽤QDesigner设计好的UI界⾯。
⼆、运⾏
进⼊⽂件⽬录,输⼊python3 run.py,即可弹出上述⽤QT Designer设计出来的MainWindow页⾯。
python怎么读取串口数据由此可知,我们已经可以成功显⽰QDesigner设计的界⾯了。
三、结语
(1)窗⼝布局
其实QDesigner⽀持布局管理器,本⽂是直接⼿动拖动,简单粗暴,不过整体外观也不太差,哈哈,终于摆脱写代码布局的悲惨命运!
(2)获取资料
关注:⼀个物联⽹项⽬的前世今⽣,回复pyqt5即可。
⼀叶孤沙出品:⼀沙⼀世界,⼀叶⼀菩提
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论