Python入坑系列-一起认识Pyside6 designer可拖拽桌面GUI

liftword1个月前 (04-22)技术文章13

通过本文章,你可以了解一下内容:

  1. 如何安装和使用Pyside6 designer
  2. designer有哪些的特性
  3. 通过designer如何转成python代码

以前以为Pyside6 designer需要在下载qt desinger才能使用拖拽的设计器,看完本文后你会发现原来这么简单。

1、环境信息

操作系统

Win11

python

3.10.6

pip

22.3.1

2、安装Pyside6 designer

可以使用下面的任意方式来安装Pyside6 designer

使用pycharm pip安装Pyside6

pip install pyside6
#使用阿里云pypi源
pip install pyside6 -i https://mirrors.aliyun.com/pypi/simple/

安装好后pyside designer在当前工程下面,目录env\Lib\site-packages\PySide6,如图:

使用本地环境安装

将pip命令设置成环境变量,在cmd运行命令

pip install pyside6 -i https://mirrors.aliyun.com/pypi/simple/

执行完后被安装到本地环境的Python\Python310\Lib\site-packages\PySide6目录下,如图:

3、使用Pyside6 designer

通过pycharm运行

(1)配置external tools

在pycharm导航菜单File->settings->Toos->External Tools下面,这里设置外部工具名称为:Pyside6 designer

说明:第五步设置designer文件保存目录,值为:$ProjectFileDir$,不过自己使用过程中没有用,设计器新建的后保存文件时还是需要指定保存目录。

(2)运行

在pycharm导航菜单Tools->Extrnal Tools

直接运行

在Lib\site-packages\PySide6目录下直接双击designer.exe文件,这样最简单,或者将designer.exe发送到桌面即可,以后都可以重桌面上面运行

运行后,界面效果如下:

支持创建窗口部件、模版和表单部件,感兴趣的可以安装尝试一下。注意选择某些部件,左侧很多控件集合不能正常拖拽

4、Pyside6 designer特性及界面介绍

PySide6 是 Qt for Python 的最新版本,提供了对 Qt 6 的绑定。它允许 Python 开发者使用 Qt,一个跨平台的 GUI 应用程序框架,来创建丰富的桌面应用程序。PySide6 包括了 Qt Designer,这是一个强大的工具,用于设计和构建 GUI 界面。

PySide6 Designer 的一些关键特性

  • 直观的拖放界面: 提供了一个直观的拖放界面,使得开发者可以不编写任何代码就设计 GUI。可以从工具箱中选择各种控件(如按钮、文本框、滑块等),并将它们拖放到窗口中。
  • 丰富的控件集合:提供了丰富的控件集合,包括基本控件、容器、对话框、菜单、工具栏和其他专用控件。这些控件支持广泛的 GUI 应用程序开发需求。
  • 属性编辑器:属性编辑器允许你修改控件的属性,如大小、颜色、字体和布局等。这使得定制和优化用户界面变得非常简单。
  • 信号与槽机制:Qt 的信号与槽机制是处理事件和通信的核心。在 Qt Designer 中,可以图形化地连接控件的信号和槽,实现控件之间的交互,而无需编写复杂的代码。
  • 布局管理:Qt Designer 提供了强大的布局管理工具,帮助开发者设计响应式和灵活的 GUI。可以使用网格布局、垂直或水平布局等,确保应用程序在不同大小和分辨率的屏幕上都能正确显示。
  • 预览功能:可以在 Qt Designer 中直接预览设计的界面,查看它在运行时的外观和行为。这有助于快速迭代和改进设计。
  • 集成开发环境支持:PySide6 和 Qt Designer 可以与主流的 Python IDE(如 PyCharm)和其他开发工具集成,提供更流畅的开发体验。
  • UI 文件和代码转换:Qt Designer 使用 .ui 文件格式保存界面设计。PySide6 提供了工具(如 uic),可以将这些 .ui 文件转换为 Python 代码,这样开发者就可以在 Python 应用程序中直接使用它们。
  • 跨平台:由于 Qt 和 PySide6 的跨平台性,使用 Qt Designer 设计的界面可以在 Windows、macOS 和 Linux 上无缝运行,无需修改代码

PySide6 Designer功能介绍

  • 工具箱(Widget Box):工具箱包含了所有可用的标准 GUI 控件,如按钮(Buttons)、标签(Labels)、输入框(Line Edits)等。开发者可以从工具箱中拖动所需的控件到窗口设计器中。
  • 窗口设计器(Form Designer):这是主工作区域,开发者在这里布局和设计应用程序的界面。你可以在这里放置、移动和调整控件的大小。
  • 属性编辑器(Property Editor):属性编辑器允许开发者查看和编辑选中控件的属性,如大小、颜色、字体等。这些属性的修改会即时反映在窗口设计器中。
  • 对象浏览器(Object Inspector):对象浏览器显示当前窗口中所有控件的层次结构。它允许开发者选择、查看和编辑控件的属性,并管理控件之间的父子关系。
  • 信号/槽编辑器(Signal/Slot Editor):Qt 的信号和槽机制是其事件处理系统的核心。信号/槽编辑器允许开发者图形化地连接控件的信号和槽(即事件和处理函数),实现控件之间的交互。
  • 动作编辑器(Action Editor):动作编辑器用于创建和管理窗口或应用程序级别的动作。这些动作可以被分配给菜单项、工具栏按钮或其他触发器。
  • 7. 资源浏览器(Resource Browser):资源浏览器允许开发者管理和使用项目的资源,如图像、图标和其他文件。这些资源可以被直接引用和使用在界面设计中。
  • 预览功能:PySide6 Designer 提供了预览功能,允许开发者在不运行实际 Python 代码的情况下,查看设计的界面在不同操作系统和风格下的外观。
  • 集成代码编辑器:虽然 PySide6 Designer 主要关注于界面设计,但它也提供了基本的代码编辑功能,允许开发者查看和编辑生成的 UI 文件的 XML 源码

UI文件转成python

窗体设计完成后,文件格式为.ui文件,需要将这种文件转成.py文件才能运行,如图:

运行转换

可以在菜单栏选择窗体->View Python Code,那么当前的设计的.ui文件被打开成.python文件,如图:

  • 拷贝或者保存python文件

运行打开的文件可以直接拷贝文件内容或者点击保存按钮保存到python项目目录

解决转化报错问题

正常情况,运行会报如下错误:

D:\py_project\pyside6demo\env\Lib\site-packages\PySide6\bin\uic:进程启动失败:系统找不到指定文件。

原因是在安装pyside6的时候,D:\py_project\pyside6demo\env\Lib\site-packages\PySide6目录下面不会生成bin目录,找不到uic执行文件。

解决办法是:

  • 在env\Lib\site-packages\PySide6目录下新建bin目录
  • 将env\Lib\site-packages\PySide6下面的uic.exe拷贝到bin目录

效果图如下:

重新执行上面的View Python Code即可。

相关文章

Qt for Python—Qt Designer 概览

前言本系列第三篇文章(Qt for Python学习笔记—应用程序初探 )、第四篇文章(Qt for Python学习笔记—应用程序再探 )中均是使用纯代码方式来开发 PySide6 GUI 应用程序...

PySide:基于 Qt 框架的 Python 高级 UI 库

PySide 是 Python 的官方 Qt 库绑定,由 Qt for Python 提供支持。它允许开发者使用 Python 编写基于 Qt 框架的图形用户界面(GUI)应用。作为一个功能强大的跨平...

使用PySide2做窗体,到底是怎么个事?看这个能不能搞懂

PySide2 是 Qt 框架的 Python 绑定,允许你使用 Python 创建功能强大的跨平台 GUI 应用程序。PySide2 的基本使用方法:安装 PySide2pip install Py...

118.Python——PyQt窗体上显示监控视频画面

在做计算机视觉项目时,经常需要打开和显示监控视频画面,对画面进行分析处理。使用OpenCV打开摄像头显示视频画面,视频可以参看:1.3 OpenCV打开本地摄像头并显示视频画面。本文主要实现在PyQt...

Python Qt GUI设计:将UI文件转换Python文件三种妙招(基础篇—2)

在开始本文之前提醒各位朋友,Python记得安装PyQt5库文件,Python语言功能很强,但是Python自带的GUI开发库Tkinter功能很弱,难以开发出专业的GUI。好在Python语言的开放...

进入Python的世界02外篇-Pycharm配置Pyqt6

为什么这样配置,要开发带UI的python也只能这样了,安装过程如下:一 安装工具打开终端:pip install PyQt6 PyQt6-tools二 打开设置并汉化点击plugin,安装汉化插件,...