『PyQt5-Qt Designer篇』｜ 08 Qt Designer中容器布局和绝对布局的使用

最新推荐文章于 2024-07-28 16:20:30 发布
最新推荐文章于 2024-07-28 16:20:30 发布
阅读量874 收藏
点赞数 2
分类专栏： 💖PyQt5从0到1系列 文章标签： qt python pyqt pyqt5 测试工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NoamaNelson/article/details/132544008
版权
💖PyQt5从0到1系列 专栏收录该内容
18 篇文章 11 订阅 ¥19.90 ¥99.00
订阅专栏
本文介绍了如何在PyQt5的Qt Designer中使用容器布局和绝对布局。首先，通过设计容器布局，将控件放入容器内，接着保存.ui文件并转换为.py文件执行。然后，探讨了绝对布局的设置方法，直接放置控件到窗口或容器，同样保存并执行以观察布局效果。
摘要由CSDN通过智能技术生成

08 Qt Designer中容器布局和绝对布局的使用

1 容器布局

1.1 设计容器布局

  • 先拖入一个容器Frame容器，然后拖入几个控件：
    在这里插入图片描述
  • 把拖入的控件拖入容器中：
    在这里插入图片描述
  • 选中容器，右键-布局-栅格布局：
    在这里插入图片描述

1.2 保存文件并执行

  • 保存为test007_ConFra.ui，并生成test007_ConFra.py：
# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'test007_ConFra.ui'
#
了解本专栏 订阅专栏 解锁全文
虫无涯
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
pythonqt5教程从零开始-pyQt5QtDesigner简易入门教程.pdf
06-11
PyQt5是Python编程语言的一个模块，它提供了一种在Python中使用Qt库的方式。Qt是一个跨平台的应用程序开发框架，广泛用于创建图形用户界面（GUI）。PyQt5使得Python程序员能够利用Qt库的强大功能来构建美观且功能...
Qt Designer简介
热门推荐
yuhui_2000的博客
11-11 4万+
来源 http://www.python3.vip/tut/py/gui/qt_03/ 回顾 在前面的程序中，我们学习了怎么样用程序来把QT程序界面的 一个个窗口、控件创建出来 问题分析 QT程序界面的 一个个窗口、控件，就是像上面那样用相应的代码创建出来的。 但是，把你的脑海里的界面，用代码直接写出来，是有些困难的。 很多时候，运行时呈现的样子，不是我们要的。我们经常还要修改代码调整界面上控件的位置，再运行预览。反复多次这样操作。 可是这样，真的…太麻烦了。 其实，我们可以用QT界面生成器 Qt Desi
[ PyQt入门教程 ] Qt Designer工具的使用
Zhiyilang的博客
01-16 1万+
Widget Box控件工具箱是按照控件作用类别进行划分的。这里作为实现入门级界面实现，主要介绍最常使用的控件及控件对象相关函数。函数方法知道怎么获取控件输入内容以及如何将后台操作结果输出到界面控件显示的主要函数就可以了。（1）显示控件。Lable：文本标签，显示文本，可以用来标记控件。：显示文本控件。用于后台命令执行结果显示。（2）输入控件，提供与用户输入交互Line Edit：单行文本框，输入单行字符串。控件对象常用函数为Text() 返回文本框内容，用于获取输入。
QT Designer
weixin_62789590的博客
07-10 1416
Qt 的布局可在以下情况提供帮助： • 调整用户界面的大小以适合不同的窗口大小。工程的目录和在 Qt Designer 中看到的工程结构不太一样, 是因为 Qt Designer 有对 pro 文件进行解析并按照其内容进行相关设置。Qt Creator在设计模式下自动在集成的Qt Designer中打开所有.ui文件,当然也可以在独立的Qt Designer中进行使用。在编译程序的时候,会使用到Qt的一个工具用户界面编译器(uic), 它负责将xml格式的代码编译转换成一个标准的C++类。
Qt Designer
qq_53298558的博客
04-16 4347
Qt Designer——即Qt设计师，是QT项目开发的可视化图形界面编辑器，通过设计师可以很方便地创建图像界面文件*.ui，然后将ui文件应用的源代码中，做到所见即所得，让界面的设计变得十分简单。geometry：控件显示占据的几何图形，就是显示的矩形区域，该属性是通过四个子属性控制的， 点开 “+”，展开看到 X、Y、宽度、高度，设置这四个数值，可以控制控件显示的位置和控件的大小。QT有一个特点就是在为控件编辑文本内容时，是支持HTML的，比如上面的Label控件，点击属性对话框中 text 中的“…
QT designer安装及运用
做测试多少要会点的技能
08-16 2万+
QT designer安装及运用
PyQt窗口设计之Qt Designer
Itsme_MrJJ的博客
01-27 1万+
PyQt Qt Designer ui文件的转化 qrc文件的转化
PyQt5 5.11.3+Pyqt5-tools(QtDesigner).zip
07-09
内含PyQt5_sip-4.19.18-cp36-none-win_amd64.whl；pyqt5_tools-5.11.3.1.4-cp36-none-win_amd64.whl；PyQt5-5.11.3-5.11.2-cp35.cp36.cp37.cp38-none-win_amd64.whl；python_dotenv-0.10.3-py2.py3-none-any.whl；...
embed-pyqtgraph-tutorial：使用Qt Designer在PyQt UI中嵌入pyqtgraph图的演示
02-05
在这个教程中，我们将学习如何将pyqtgraph的图形嵌入到由QtDesigner创建的PyQt界面中。这通常涉及到以下步骤： 1. 使用QtDesigner设计UI，包含一个或多个区域来显示pyqtgraph图形。 2. 将`.ui`文件转换为Python模块...
PyQt Qt Designer工具的布局管理详解
09-18
PyQt中的Qt Designer是一个可视化设计工具，它被广泛用于设计和实现图形用户界面（GUI）。利用Qt Designer，开发者能够以直观的方式放置和布局各种界面控件，如按钮、文本框、标签等，进而实现应用程序界面的设计。...
PyQt5-5.4.1-gpl-Py3.4-Qt5.4.1-x64
09-27
在使用PyQt5开发应用时，开发者可以利用其提供的各种类和函数，例如QWidgets用于创建窗口和控件，QLayout管理组件布局，QGraphicsView和QGraphicsScene用于复杂的图形渲染，以及网络、多媒体、数据库等高级功能。...
PyQt（Python+Qt）入门：Designer组件属性编辑界面中QWidget类相关属性详解
老猿Python
10-28 1万+
一、引言 本文适用人员：本文比较长，适合不理解Qt Designer部件属性的人员阅读或资料查找。 声明：如果有人认为本文是复制粘贴+翻译而成的，敬请读本文最后的后记。 在Qt Designer中，提供了八大类可视化组件（也称为组件或控件,下同），分别为布局组件（Layouts）、分隔组件（Spacers）、按钮组件（Buttons）、表项视图（item views）、表项组件（item widg...
Qt Designer教程
m0_56208280的博客
01-23 6266
打开Qt Designer 软件后，会自动弹出弹窗来选择要创建的内容，一般都选择创建 Widget
Qt扫盲-Qt Designer 设计师使用总结
洪源兄
12-04 1万+
顶部菜单栏主要是一个界面所有功能的缩略，里面主要的一些常用的功能都放在了快捷栏里面，但是还是需要了解里面的常用功能 这个是进行一些界面编辑的工具栏 这些工具栏都是互斥的 只能同时间点一个 这个默认是被选中的，选中后，我们就可以在中间绘图区拖拽控件了，然后布局，编辑属性之类的呐 这两个分别是 编辑槽函数、和与QLabel 相关的 设置 Buddy的，用的少一般都是手动设置 但是编辑 Tab 键顺序的这个用的多些，可以方便的绑定Tab顺序，一般都是系统自己就设好了 点击按钮亮的数字就可以设置顺序了 这边
Qt 6之六：Qt Designer介绍
cnds123的专栏
01-10 4924
Qt Designer介绍
Qt Designer的简单使用
qq_41854911的博客
12-20 1万+
在前面两节的例子中，主界面窗口的尺寸和标签控件显示的矩形区域等，都是用 C++ 代码编写的。窗口和控件的尺寸都是预估的，控件如果多起来，那就不好估计每个控件合适的位置和大小了。 用 C++ 代码编写图形界面的问题就是不直观，因此 Qt 项目开发了专门的可视化图形界面编辑器——Qt Designer（Qt 设计师）。通过 Qt Designer 就可以很方便地创建图形界面文件 *.ui ，然后将 ui 文件应用到源代码里面，做到“所见即所得”，大大方便了图形界面的设计。 本节就演示一下 Qt Designer
QTDesigner简介
laner__gg的博客
04-19 1万+
1、QTDesigner简介： 手写代码工作量大、代码结构容易搞得混乱。 设计工具：直观、高效，工作量小，方便调试。界面和逻辑分离后期好维护。 介绍：（实现了视图和逻辑的分离，开发代码更容易分离） 配置： 流程演示：登录界面设置： ①:首先从展示控件中拖入两个展示控件QLabel（同时设置快捷键）： ②：从输入控件中拖入两个LineEdit控件： ③：从buttons控件中拖入两个PushButton控件： ④：选中密码控件，将他的属性改成密文格式。 ⑤...
Qt Designer 详细介绍
最新发布
2301_81210371的博客
07-28 1058
QtDesigner 是 QT 官方推出的图形化制作GUI界面的工具。通过拖拽控件的方式就可以快速的制作出一个 GUI 界面。可视化搭建好图形界面之后，只需要关注业务代码即可。Qt Designer 的设计符合MVC的架构，其实现了视图和逻辑的分离。使用 Qt designer 就是为了快速创建出 UI 界面，毕竟手动实现界面效率还是比较低的，特别是还要考虑各种固定组件的布局位置。组件触发可以放在 python 代码中完成。Qt Designer 的使用方法其实不难，从左侧的组件库里面拖拽组件放到窗口里面。
Qt 设计师-Qt Designer基础控件介绍
奇树谦的博客
03-05 1万+
Layouts: Vertical Layout:垂直布局 Horizontal Layout:水平布局 Gird Layout:栅格布局 FormLayout:表单布局 关于布局有很多博客写的很好就不再赘述了，本人常用Qt Designer Widget控件然后添加垂直和水平布局非常方便快捷易于管理。 Spacers: Horizontal Spacer:水平弹簧 Vertical Spacer：垂直弹簧 Buttons: Push Button:常用按钮 双击可修改
pyqt5-tools中的Qt Designer的所有详细功能及使用教程
05-25
Qt Designer是PyQt5中的一个可视化设计工具，它可以帮助Python开发者快速创建GUI应用程序的用户界面。Qt Designer提供了丰富的控件库，可以快速创建常见的GUI组件，如按钮、标签、文本框等，并且可以自定义控件的属性、布局以及信号槽等。下面是Qt Designer的所有详细功能及使用教程。 ## Qt Designer的所有详细功能 ### 1. 控件库 Qt Designer提供了丰富的控件库，包括基本控件、布局控件、对话框、菜单栏等。这些控件可以直接拖拽到界面设计器中，并进行属性设置和布局。 ### 2. 属性设置 在Qt Designer中，可以通过属性编辑器设置控件的属性，如大小、位置、文本、字体、颜色等。同时，还可以设置控件的样式表、信号槽等。属性编辑器界面可以通过点击控件显示出来。 ### 3. 布局管理器 Qt Designer中提供了多种布局管理器，如水平布局、垂直布局、网格布局等。通过布局管理器，可以轻松地调整控件的位置和大小，使得控件在不同分辨率的屏幕上都能适应。同时，还可以设置控件之间的间隔和对齐方式。 ### 4. 信号槽 Qt Designer中提供了信号槽编辑器，可以通过拖拽控件之间的连接线来设置信号和槽。信号是控件发出的事件，如按钮被点击、文本框内容改变等；槽是处理信号的函数，可以在代码中实现。通过信号槽机制，可以实现控件之间的交互。 ### 5. 预览和调试 在Qt Designer中，可以通过预览功能来查看设计的界面效果。同时，还可以通过连接到Python解释器来进行调试，调试过程中可以查看控件的属性和信号槽的连接情况。 ## 使用教程 ### 1. 安装pyqt5-tools 首先需要安装pyqt5-tools，可以通过pip来安装： ``` pip install pyqt5-tools ``` ### 2. 打开Qt Designer 安装完成后，在命令行中输入以下命令打开Qt Designer： ``` designer ``` ### 3. 创建新界面 打开Qt Designer后，可以选择新建一个界面或打开一个已有的界面。新建一个界面可以通过点击“File”->“New”->“Main Window”来创建。 ### 4. 添加控件 在左侧的控件库中选择需要添加的控件，然后将其拖拽到界面设计器中。控件的属性可以在右侧的属性编辑器中进行设置。 ### 5. 设置布局 通过选择相应的布局管理器，可以设置控件的布局。布局管理器可以在左侧的控件库中找到。此外，还可以通过手动调整控件的位置和大小来进行布局设置。 ### 6. 设置信号槽 在信号槽编辑器中，可以通过拖拽控件之间的连接线来设置信号和槽。信号和槽的设置可以在代码中实现。 ### 7. 预览和调试 在Qt Designer中，可以通过预览功能来查看设计的界面效果。同时，还可以通过连接到Python解释器来进行调试，调试过程中可以查看控件的属性和信号槽的连接情况。 ### 8. 保存界面 完成设计后，可以通过“File”->“Save”来保存界面文件。界面文件的后缀名为.ui，可以在代码中使用pyuic5工具将其转换为Python代码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

虫无涯

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值