新手上道PYQT,做一个简单的电脑界面需要怎么入手?

本文介绍了如何使用PYQT在VScode环境下搭建GUI界面,包括环境配置、QTDesigner使用、界面布局和控件设计,以及UI编译和动态代码编写。适合初学者入门。
摘要由CSDN通过智能技术生成

接到任务给师兄的代码做个界面进行展示,之前有用PYQT画过一个系统的界面,但是不符合目标任务,这次等于又从头画起,因为很久没有接触,相当于从零开始边学边搞了一次。

一、环境安装和工具选择

1.首先配置好python环境,windows下虚拟环境管理还是挺推荐anaconda的,至于编辑器的选择我pycharm和VScode都试过,单从PYQT的安装步骤来说,更推荐VScode。因为之前用pycharm在安装时需要分别配置pyuic、pyrcc、qtDesigner的具体位置,但VScode前两个都是配置好的,只需要配置qtDesigner的位置就可以了。

2.其次是安装PYQT相关工具,命令行中执行下面两条:

pip install pyqt5
pip install pyqt5-tools

3.接着在VScode中安装qt插件
在这里插入图片描述

4.最后,将qtDesigner的位置填到如下地方就可以了(文件->首选项->设置)。qtDesigner的位置一般有可能是:

G:\anaconda\envs\torch12\Lib\site-packages\PyQt5\Qt\bin\qtdesigner.exe
G:\anaconda\envs\torch12\Scripts\pyqt5designer.exe

在这里插入图片描述
在VScode左边空白处右键,能够看到PYQT:New Form 则证明安装成功。
在这里插入图片描述

二、QTDesigner中拖框框,生成静态界面。

1.在VScode左边空白处右键,选择PYQT:New Form,进入QTdesigner界面。这里选择Main Window,点击create。至于这里可选项的具体含义和区别,建议百度进一步学习。

2.QTDesigner界面介绍。
如下图所示,左侧是我们所有的控件区,可以任意选则想要的控件到中间面板的任意位置;中间面板即为我们正在设计的界面;右侧上半部分是我们已经使用的控件和Widget情况,有包含的关系;右侧下半部分则是我们具体每一个控件相关属性的设置,使用时先点击目标控件,然后在属性栏中去寻找要设置的属性。
在这里插入图片描述

3.介绍一下常用的控件和布局。

在我的界面中涉及的控件有Widget、label、Push Button、TextBrowser等。
Widget:我的理解是相当于一个面板、或者说是容器,可以把需要相关协同工作的组件放在一起,我认为Widget具有高内聚、低耦合的特征,我们的主窗口实际上也是一种Widhet。比如如下所示我的demo里面就用到了3个Widget来实现程序三个部分的展示。
在这里插入图片描述
label:标签,可以用来展示图片或者展示文字。可是静态的,也可以是动态传参的。
Push Button:顾名思义就是按钮,是我们一般意义上的单击按钮,一般情况下都会与一个click.connet函数相连,然后将返回结果绑定到如label这样的控件上。
TextBrower:我理解的是可编辑的文本框,可以用于接受动态传入的文本,后发现label也可以这样,故弃用。

界面布局的作用一个是更好的管理我们的控件,比如对齐等等,另一个就是当我们的主窗口在最大化后,控件也随设计的比例放大。QT提供的布局有Vertical、Horizontal、Grid和Form四种。
Vertical:是垂直布局,当我们的控件竖排设计时,可采用这种方式布局。<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值