2-Qt Designer(界面设计师)的简单使用


前言

Qt Designer(界面设计师)可以方便我们图形画界面设计界面的布局,不用再一遍又一遍手动调窗口宽高,位置等参数,极大的节省了我们的工作效率。下面是一个简单的Qt Designer入门使用记录。
还是以qt简介里面那个小案例为例子演示。
参考视频:Qt Designer简介
加载ui文件

一、打开Qt Designer

找到之前pip install pyside2的环境中PySide2包的位置,我的位置是
D:\Anaconda3\envs\gui_learn\Lib\site-packages\PySide2
将exe文件的快捷方式发送到桌面(不创建快捷方式也行),直接运行
D:\Anaconda3\envs\gui_learn\Lib\site-packages\PySide2\designer.exe
直接跳到这个界面了:
第一步:
在这里插入图片描述

二、创建具体ui界面

在这里插入图片描述
这里 Main Window 是带有菜单的主窗口,我们那个小例子不需要菜单栏,用Widget窗口就行。所以做Qt主要是要熟悉这些控件。
第二步
新建Widget文件窗口
在这里插入图片描述
第三步
拖动需要的控件布局
QPlainTextEdit 文本框
在这里插入图片描述

QPushButton 按钮(可以直接改按钮界面显示的名字)— 一般是底层配置文件给出,这里只是给出一个demo名字,读取底层配置后需要代码配置(这个容易,现在ai工具就更方便了)
在这里插入图片描述
第四步 修改控件名,这个必须修改,因为这个就是你生成代码里面的控件实例化的变量名,不然两个按钮重名肯定出现问题(到时候导入ui文件的时候就是用这个变量名你才能访问到对应的属性)
直接双击修改即可
在这里插入图片描述

第五步设置主窗口标题(title)和文本框提示语
设置主窗口标题(title)
在这里插入图片描述

设置文本框提示语
在这里插入图片描述
【注】:个人觉得用代码设置这些更方面,在界面上真不是很好找到

三、保存ui文件

建议在你项目文件夹下建一个ui文件夹,存放各种ui文件,方便管理
在这里插入图片描述
什么界面就取什么文件名。

四、导入ui文件生成界面实现功能

文件夹结构如下
在这里插入图片描述

新建stats.py文件

from PySide2

相关推荐

  1. 【项目实践】Pyside6+Qtdesigner:登录窗体设计

    2024-05-01 02:02:04       36 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-01 02:02:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-01 02:02:04       101 阅读
  3. 在Django里面运行非项目文件

    2024-05-01 02:02:04       82 阅读
  4. Python语言-面向对象

    2024-05-01 02:02:04       91 阅读

热门阅读

  1. RabbitMQ各组件参数详解(9)

    2024-05-01 02:02:04       30 阅读
  2. C++学习第九课:指针的精髓与应用

    2024-05-01 02:02:04       33 阅读
  3. QT6之多线程——子类化QObject和子类化QThread

    2024-05-01 02:02:04       26 阅读
  4. 亚远景科技-什么是R.A.S.I.C角色职权矩阵

    2024-05-01 02:02:04       28 阅读
  5. 浏览器里的扩展程序怎么取出来

    2024-05-01 02:02:04       44 阅读
  6. [CISCN 2021初赛]imageencrypt

    2024-05-01 02:02:04       27 阅读
  7. 深入理解C语言中的 extern`和 static

    2024-05-01 02:02:04       34 阅读
  8. GET 和 POST 请求方式的区别

    2024-05-01 02:02:04       25 阅读
  9. 商城数据库88张表结构(十五)

    2024-05-01 02:02:04       32 阅读
  10. Nginx知识点汇总表格总结

    2024-05-01 02:02:04       26 阅读
  11. 华纳云:服务器DDoS攻击有哪些类型?

    2024-05-01 02:02:04       32 阅读