当前位置: 首页 > news >正文

QtDesigner入门

一: 介绍

简单来说,当我们写好一段代码,已经实现了某些我们想要实现的功能后。希望实现的每一个功能可以可视化,通过按钮等功能完成人机交互。

Qt Designer 是 Qt 框架提供的​​可视化界面设计工具​​,支持通过拖放控件快速构建图形用户界面(GUI),适用于 C++、Python(PyQt/PySide)等语言开发。

二: 安装及前瞻

接下来我以pyqt5举例(Anaconda)


首先:你需要先创建一个环境(或者在你已有的环境下)安装pyqt5。

conda create -n Qt python==3.9.2

此时你就已经创建好了一个名为Qt的环境了。如果你下次想打开这个环境:

conda activate Qt

第二步:安装pyqt5:

pip install PyQt5
pip install PyQt5-tools

如果下载很慢,加清华源(上面两段代码后分别加 空格 后加上下面的代码):

-i https://pypi.tuna.tsinghua.edu.cn/simple

 第三步:找到designer,使用win+s去搜索designer,会跳出一个应用,点开它。这就是我们的目标。


第四步:点开他:会出现下面的界面。

 

① 创建一个快捷的表单,可以用Dialog,它自带一个确定、取消两个按钮。如下所示:

②  带有菜单栏、状态栏等窗口,可以使用Main Window,一般来说可以作为第一个窗口来选择它。通常我们会选择这个Main Window。界面如下所示:

③  自定义的窗口(大部分子窗口都可以用它),就选Widget。当然如果想搭建任何窗口界面,只选Widget就可以了。界面如下所示:


第五步:以Main Window为例。观察一下界面:

整体的界面就是这个样子,接下来我会大致的讲一下每个区域的大致作用。

下面这张图是左边的 Widget Box我们常用到的一些组件都可以在这边进行拖动调用。

下面这张图是右边的对象查看器,当我们拖动组件到界面上时,点击组件。这部分区域会显示组件的相关信息。就是通过这些相关信息来对组件进行设定。


第六步:展示

 当我们拖动label控件到MainWindow中时,右上角会显示不同控件的层级关系,右下角就会显示属性的相关信息。

 ok,到这。基础的操作流程就知道了。

接下来我会用一些文章来分别介绍一些我们常用的一些控件,和这些控件的一些属性设置。

相关文章:

  • FFCV性能优化——快速加载大规模图像数据训练
  • Maven 项目中引入本地 JAR 包
  • 软考软件设计师30天备考指南
  • 【k8s系列7-更新中】kubeadm搭建Kubernetes高可用集群-三主两从
  • Kafka 主题设计与数据接入机制
  • AI健康小屋:解锁健康管理新密码
  • 【特殊场景应对6】频繁跳槽:行业特性与稳定性危机的解释边界
  • C++手撕STL-其四
  • 使用Python将YOLO的XML标注文件转换为TXT文件格式
  • Sentinel源码—9.限流算法的实现对比二
  • React SSR + Redux 导致的 Hydration 报错踩坑记录与修复方案
  • 【leetcode】3524 求出数组的X值1
  • jspm基于Java的电影购票系统的设计与实现(源码+lw+部署文档+讲解),源码可白嫖!
  • 网络安全技能大赛B模块赛题解析Server12环境
  • Spring Boot + MyBatis 动态字段更新方法
  • 电商系统分库分表详细规划方案
  • 科技项目必须进行验收测试吗?项目验收测试服务机构有哪些?
  • Shell编程之函数和数组
  • Vue3:component(组件:uniapp版本)
  • gem5教程第五章 了解gem5默认配置脚本
  • 《亡命驾驶》:一场对于男子气概的终极幻想
  • 习近平向气候和公正转型领导人峰会发表致辞
  • 广西一季度GDP为6833.92亿元,同比增长5.8%
  • 执政将满百日,特朗普政府面临国内“三重暴击”
  • 花3000元就能买“国际机构”的证书?揭秘假证产业链
  • 广东省东莞市委原书记、市人大常委会原主任徐建华被开除党籍