pyqt ui设计_python pyqt5界面开发

pyqt ui设计_python pyqt5界面开发@[TOC)欢迎使用Markdown编辑器你好!这是你第一次使用Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器,可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计,将会带…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

参照几个相关的博文,终于搞定了PyGUI 的第一步,汗汗!
https://blog.csdn.net/g96889/article/details/84400373
https://www.cnblogs.com/dalanjing/p/6978373.html
使用QtDesigner设计第一个界面
学习python+pycharm利用pyQt5生成UI界面
PS:具体步骤链接更精准有效哦!

主要涉及到pycharm、Qt Designer、PyUIC

1、pycharm

首先需要安装好pycharm。这个话不多说可以参照
手把手教你如何安装Pycharm——靠谱的Pycharm安装详细教程

2、Qt Designer

Qt Designer是用来设计界面的,可以让用户在极短的时间里创建一个图形化用户界面的图形设计器。利用 Qt Designer,我们可以通过拖拉或点击的方式,在窗口的适当位置上添加一些输入框和按钮等窗口组件构造图形用户界面,并可预览效果。其界面如下:

pyqt ui设计_python pyqt5界面开发

2.1 如何配置Qt Designer?

Pycharm安装PyQt5和pyqt5-tools从而使用Qt Designer
网上配置Qt designer的教程很多,主要有使用anaconde下载以及在pycharm里的第三方库里下载。下面的链接整合了几个比较好的Qt designer配置方法。亲测过第二种方法,详细教程如下:
1、安装pyqt5的包
file -> setting->project->project interpreter->点击右边的加号->搜索pyqt5(如下图)
依次如下面图片所示:
在这里插入图片描述

在这里插入图片描述

pyqt ui设计_python pyqt5界面开发
如果出现下图所示的,叫表示成功安装Qt5了
在这里插入图片描述
2、在external tool中配置qt designer
在这里插入图片描述

这里是已经配置好的,自己配置需要点击加号添加
name:(自己命名)
description:(做一个相关的描述)
program:找到之前下载好的designer.exe文件位置
working directory:如图

pyqt ui设计_python pyqt5界面开发
至此qt designer就配置好了,可以在主菜单栏的tool->external tools中找到刚刚配置好的pyqt designer。试着打开看看。
在这里插入图片描述
如果出现下图样式,则说明成功配置了
在这里插入图片描述

2.2 Qt designer的使用

QTdesigner的使用笔记

3、QtGUI

3.1QtGUI的配置方法

配置过程于qt designer相似,直接上图吧。
这里面program:需要找到自己装的python.exe文件位置。
***arguments:***-m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py
在这里插入图片描述

3.2配置QtGUI中遇到的坑

(后期补充吧)

4功能实现

成功完成上述步骤之后可以尝试能否实现想要的功能:即自己设计一个UI界面,并运行代码使其成功出现;编辑UI界面的后台逻辑关系,使其按照自己设定的功能运行。
第一部分成三步:
1、打开pycharm->使用qt designer编辑你的UI界面
进入qt designer之后你回遇到一个这样的界面,这表示你需要创建的界面类型,请记住自己所选的类型,对于后面程序编写很重要。
在这里插入图片描述
例如选择Main Window框架,点击create创建,从1框中拖拽组件进入面板,命名调整位置及大小,如图所示。(命名为calculator)
在这里插入图片描述

2、保存成.UI格式文件,使用pyGUI将其转换成,py文件
点击保存,如果在打开pycharm时已经创建了项目,则自动保存在该项目 之下,如果未创建项目则自定义储存路径,保存好.ui文件之后,返回pycharm界面会发现已经生成calculator.ui文件
在这里插入图片描述
右键该文件,选择external tools 使用之前配置好的pyGUI将其转换问.py文件
在这里插入图片描述
会发现自动生成.py文件
在这里插入图片描述

内部代码会显示由.ui文件生成而来。至此已经成功获得了UI界面的.py文件。
在这里插入图片描述
3、修改并运行上述.py文件,成功弹出你刚刚设计的界面
在代码段末尾添加如下代码:

import sys
import untitled 
from PyQt5.QtWidgets import QApplication, QMainWindow

if __name__ == '__main__':
    app = QApplication(sys.argv)
    MainWindow = QMainWindow()
    ui = untitled.Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

其中第二行import untitled填写你的.py文件名;
PS:如果你创建的时使用的时Widget框架,则将上述代码中所有 MainWindow 替换成Widget。

试运行:右键.PY文件选择RUN,或者使用上方菜单栏RUN
在这里插入图片描述
在这里插入图片描述
成功弹出刚刚设计的界面。
第二部分现在还在试运行后期补充

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/175213.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号