Skip to content

forwardhuan/PreQtUI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

简介

一款为了预览PyQt5设计的UI界面而开发的工具,使用时需要结合PyCharm同时使用。

在这里插入图片描述

下载

PyQt5界面预览工具

参数说明

在这里插入图片描述

使用配置

  1. 启动PyCharm,找到File -> Settings,打开 在这里插入图片描述

  2. 找到Tools -> External Tools点击打开,在新界面中点击添加按钮 在这里插入图片描述

  3. 添加新的扩展工具,配置如下,配置完成后点击OK 在这里插入图片描述

    • Name 扩展工具的显示名称
    • Program PreQtUI所在路径
    • Argument 运行时参数设置 -f $FilePath$ -r $ProjectFileDir$
    • Working directory 工作路径 $ProjectFileDir$
  4. 点击Apply, 再点击OK确认 在这里插入图片描述

  5. 此时配置已完成,打开一个PyQt5开发的项目实验一下。鼠标右键一个使用QtDesigner设计转换成的UI python文件,会发现在External Tools下有一个刚配置的PreQtUI选项,点击可以预览该界面文件的UI布局。 在这里插入图片描述 在这里插入图片描述

  6. 关闭预览窗口,可以看到下面的PreQtUI窗口输出本次运行日志,同时会在项目根目录生成一个可执行的PreQtUI.py文件。简单修改其内容可以直接运行设计的UI界面。 在这里插入图片描述

  7. 如果感觉PyQtUI的层级太深,可以按照以下设置重新设置PyQtUI的位置。打开File -> Settings -> Menus and Tools -> Project View Popup Menu 在这里插入图片描述

  8. 选择一个想添加的位置,点击上方+号,选择Add Action 在这里插入图片描述

  9. 找到External Tools,向下点击找到添加的扩展工具PreQtUI并选中 在这里插入图片描述

  10. 此时,PreQtUI就被添加上了,同时也可下在下方添加分割线,通过上下按钮移动其显示位置。 在这里插入图片描述 在这里插入图片描述

  11. 点解OK, 重新执行,可以看到PreQtUI出现在了最外层 在这里插入图片描述