【QT学习】5----使用.ui文件生成界面

最新推荐文章于 2024-07-26 21:38:01 发布
最新推荐文章于 2024-07-26 21:38:01 发布
阅读量726 收藏
点赞数
分类专栏： QT_Learnning 文章标签： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35246754/article/details/129886316
版权

在上一节的基础上进行修改。

1.在Qt-creator中打开工程，然后在编辑界面鼠标右键helloworld文件夹，选择Add New...

 2.在弹出的对话框中选择"QT"----”QtDesigner Form“，点击choose。

 3.在弹出的对话框中选择”Dialog without Buttons“，点击”下一步“。

4. 在弹出的对话框中，将名称改为“hellodialog.ui”，点击下一步。

 5.点击“完成”

6.点击“完成”后，会自动进入到设计界面。

7.添加一个Label部件，并将其内容改为“Hello World！你好 QT！” 

8. 点击窗口中的Label部件，然后，点击右边侧边栏的geometry，将X设置为120，Y设置为120

9. 点击右上侧的“QDialog”，修改下面属性中QObject中的objectName，改名为“HelloDialog”。保存。

 10.点击左侧的“编辑”，进入到编辑界面，可以看到hellodialog.ui文件中已经是刚刚保存的内容了。

 11.点击右下角的小锤子图标，构建项目。

打开对应的D:\File\QT\QT_Creator4\src\02\2-3\build-helloworld-Desktop_Qt_5_14_2_MinGW_64_bit-Release文件夹，可以看到其中已经生成了由.ui文件生成的ui_hellodialog.h文件

coxcombryscy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt中怎么用Ui文件
08-10
Qt中怎么用Ui文件 第一步， 制作ui文件。 首先应该用Qt Designer绘制一个自己的界面，并存为myform.ui（这里的myform可以用自己喜欢的名字代替）。 在制作自己的界面文件时要注意以下几个要点： 1、要记住ui文件的名字，因为uic生成的代码会存在ui_myform.h里 2、要记住主窗体的object name， 因为ui文件提供的类名将以这个form的名字来命名 3、要特别注意你的form选择的基类要和你代码中的窗体类兼容 4、要记得给每个后面需要访问到的控件起一个有意义并且好记的object name， 因为ui文件提供的控件将以这些object name来命名 清楚了以上几点，在代码中使用你的ui文件就会变得非常简单。 第二步，将ui文件加入工程 这一步最简单，只需要修改pro文件，加入FORMS+=myform.ui qmake -project命令也可以识别后缀名为ui的文件，并将之加入工程。 第三步，在代码中引用ui文件 官方介绍的使用ui文件的方法有三种，一个是直接引用，二是单继承，三是多继承。 第一种方法其实很不实用，大家去看一下文档中的例子就可以了；第二种和第三种没有本质的差别，可以并作一类，这里做重点介绍。 ui文件最终会被翻译成标准的C++代码，并存入一个.h文件中，这个过程在调用make之后才进行，所以初始情况下你是看不到这个ui_myform.h文件的，只有经过了make过程该头文件才生成。不过没关系，没有这个文件我们照样能写出正确的代码。 单继承方式简单来说就是在代码中首先要自定义一个子类（后文称为MyForm），该类要从form对应的窗体类（或其兼容的子类）派生；并用ui生成的类定义一个类里的成员变量（后文成文myui）。这样在MyForm的构造函数中可以直接调用myui和myui中的变量和函数，使用起来很方便。 举例说明， 比如这里有一个ui文件叫myform.ui， ui文件里定义的窗体名字为BigWidget，上面摆放了一个单行编辑控件叫lineeditName： //myform.h #include “ui_myform.h” class MyForm: public QWidget { Q_OBJECT public: MyForm(QWidget*parent) { myui.setupUi(this); } private: Ui::BigWidget myui; private: void my_function(); }; 上面这段简单的类的声明是前文所述前三点要点的最佳例证，请对照要点的文字描述和具体的代码体会其中的含义。这里还有一点比较有意思的地方，就是ui文件提供的类被包含在了名为Ui的name space里，这样做的目的是将ui文件的命名空间与用户的代码分离，避免两者出现命名冲突的情况。相应的，我们写代码的时候也要注意在使用ui文件中的类时要用“Ui::”的方式进行引用。 再来看cpp文件 //myform.cpp #include #include “myform.h” void my_function(void) { QMessageBox::information(this, “Name”, myui.lineeditName->text()); } 这里随便写了一个函数，为了说明如何在窗体类里调用ui文件中定义的控件。这段代码非常简单，就不多作说明了。 有了单继承的基础，学习多继承是小菜一碟。来段代码看一下就明白了。 //myform.h #include “ui_myform.h” class MyForm: public QWidget, public Ui::BigWidget { Q_OBJECT public: MyForm(QWidget*parent) { setupUi(this); } private: void my_function(); }; //myform.cpp #include #include “myform.h” void my_function(void) { QMessageBox::information(this, “Name”, lineeditName->text()); } 是不是不用说明大家也能明白呢？多继承其实就是不仅从form需要的窗体类去派生，还要加上ui提供的类本身。这样带来的好处是你的窗体类继承了ui里的所有控件和方法，调用时就可以少写一些字。 单继承和多继承这两种方法没有好坏之分，大家可以根据自己的编程习惯取舍。 第四步，编译、验证在pro文件包含正确FORMS信息的情况下，运行qmake; make就可以编译工程了。 make时如果你认真看一下输出就会发现，make在最开始编译的时候就会自动调用uic去生成需要的代码。经过make之后ui_myform.h文件就生成了，建议大家去看一下这个文件的内容。
Qt中嵌入ui界面
XXYBMOOO的博客
02-08 377
Qt内嵌入界面
利用配置自动生成QT组件
最新发布
qq_48490961的博客
07-26 801
本项目成功实现了通过JSON配置来动态生成和管理PyQt用户界面（UI）及其功能，标志着一个重要的开发里程碑。通过这种方式，开发者可以直接在JSON文件中定义UI元素和相应的行为，而无需重新编译或生成可执行文件（exe）。这不仅显著提高了UI调整的灵活性和迅速性，还简化了界面更新和维护的过程。更进一步，我们计划利用Flask框架，通过服务器实时传递UI和功能配置。这将使得应用可以从服务器动态获取最新的配置和函数逻辑，从而实现即时更新和远程控制界面与功能，无需本地介入。
19 QT 里的Ui文件
jklinux的博客
05-16 978
当我们的窗口上需要很多的控制时，自己写代码创建控件对象时，比较麻烦. QT里引入ui文件便于我们快速的设计界面.使用ui时，　一个类由三个文件组成. 头文件，　源文件, ui文件(负责通过拖拉控件来设置界面).ui文件其实是xml语言的文件，　用于描述窗口上的属性及控件的属性等　.编译时: QT里的编译器会用”uic”把ui文件转换一个ui_同名的头文件, 此头文件里其实就是把我们以前写的创建对象
QT UI编辑
gxt_kt的博客
01-21 1463
QT UI编辑 打开ui文件，或者点击左侧的EDIT 稍微编辑一下： 看看运行效果：
Qt中ui文件的使用
TemetNosce的博客
05-16 1412
直接使用#include "ui_hellodialog.h" int main(int argc, char *argv[]) { QApplication a(argc, argv); QDialog w; Ui::HelloDialog ui;//创建ui ui.setupUi(&w);//加载ui w.show();//显示
vs2017的qt插件qt-vsaddin-msvc2017-2.8.1-rev.06.vsix.rar
08-17
5. **资源编辑**：可以处理Qt的QRC资源文件，方便地管理项目中的图像、语言文件等资源。 6. **构建系统集成**：插件将Qt的qmake构建系统与Visual Studio的MSBuild结合，使得构建流程更加顺畅。 7. **设计视图**：...
qt-everywhere-opensource-src-4.8.6.tar.gz
11-30
10. **Qt Quick (QML)**：虽然不在4.8.6版本中，但QML是Qt 5引入的，它是Qt的一种声明式UI编程方式，可以快速创建现代、响应式的用户界面。 在这个压缩包中，开发者将找到所有源代码文件，可以编译生成适用于不同...
Qt-ui.rar_QT UI_QT界面_Qt 文件_qtui界面_ui
09-22
Qt UI（User Interface）基于一种称为`.ui`的XML格式文件，这种文件可以使用Qt Designer工具进行可视化设计，允许开发者通过拖放控件、设置属性来创建用户界面。在本篇文章中，我们将深入探讨Qt UI的原理、使用方法...
qt-vsaddin-msvc2017-2.6.0-rev.07.rar
02-19
5. **构建和部署**：支持Qt项目的构建和部署流程，包括自动编译Qt库，生成可执行文件，以及打包应用程序到各种目标平台。 6. **设计模式支持**：通过Qtdesigner，开发者可以直接在Visual Studio中设计用户界面，...
Qt使用 poppler-qt5实现PDF阅读器
09-02
Qt提供了一个丰富的C++库，包含了UI设计、网络通信、数据库连接等多方面的功能，使得开发者可以快速构建强大的图形用户界面应用。在我们的PDF阅读器项目中，Qt将用于创建窗口、控件和事件处理。 2. **poppler-qt5...
Qt在一个ui中嵌入另一个ui
潮湿的桥
06-10 3387
Qt一个ui嵌入到另一个ui的方法
Python QT5设计UI界面教程
yue200403的博客
03-05 2万+
简介：PyQT5开发常用知识，零基础上手，需配合我之前写的博文，配置好QT设计工具和ui文件转py文件的工具。
在QT项目中添加并使用多个UI布局界面
bestcleaner
08-31 2万+
在工程的“界面文件”文件夹上右键选择“添加新文件”； 选择“Qt -> Qt Designer Form”添加新的布局文件； 新建两个.ui文件 dialog1.ui，dialog2.ui 记住要修改一下objectName的内容，不然所有的objectName的内容都为Dialog就不好了 以dialog1为例 添加头文件和源文件 dialog1.h #ifndef DI...
qt中使用 ui 文件进行界面设计
qq_51691366的博客
04-23 4794
delete ui;delete ui;上面的操作就是如何使用 ui 资源文件进行 Qt 界面设计，在界面设计完成之后，为了方便实现整个界面的互操性，必须实现 信号槽的定义，上面的 5、6、7、8、9、10都是实现信号槽的操作步骤，相比较于使用传统方式实现 Qt 中的信号槽机制，这种使用 ui 资源文件的方式无疑更快、更方便！
在已有QT项目中添加多个UI布局界面
weixin_30924239的博客
08-05 3535
1、在工程中右键->添加新文件，按图选择 2、选择窗口部件 3、创建UI控制类 注意上图红框中命名按实际需要定义，否则后期改动要修改UI文件参数 4、修改UI文件，框1是窗口部件父类，框2是UI界面控件控制的类 5、建立UI控件控制的类 .h文件 #ifndef NEWXMLNODE_H #define NEWXMLNODE_H #include <Q...
【QT-Creator】--- 纯代码实现ui
m0_59649626的博客
02-06 143
QT编程从入门到精通之十：“第三章：Qt Creator”之“3.4 UI编辑”
LuckyHanMo的博客
09-16 689
QT编程从入门到精通；第三章：Qt Creator；3.4 UI编辑
qt界面嵌入外部进程界面
热门推荐
半宛清愁的博客
02-06 2万+
有时候需要做框架集成的东西，需要把其他客户端像组件一样集成到一个客户端中，类似于一个软件集成的平台客户端，统一用一个中心管理的客户端做类似于控制面板一样的东西去调用不同的软件。此时就必须相应不同的点击图标的事件去嵌入到主界面里面。下面简单的对windows平台上面Qt的界面中嵌入系统自带的计算机程序做简单的说明。 一、首先是获取计算机程序的窗口类名称，只要利用的是VS中的Spy++工具，在v
pyqt5 使用qt-designer编写界面
05-10
PyQt5是一个Python绑定Qt库的工具包，可以用于创建桌面应用程序。Qt Designer是一个用于创建Qt界面的可视化工具，可以方便地创建GUI界面并导出为.ui文件。 要使用Qt Designer编写PyQt5界面，可以按照以下步骤进行操作： 1. 安装PyQt5和Qt Designer 如果你还没有安装PyQt5和Qt Designer，可以使用以下命令进行安装： ``` pip install PyQt5 pyqt5-tools ``` 2. 创建Qt Designer界面 打开Qt Designer，创建一个新的界面。 3. 设计界面 在Qt Designer中，你可以从工具箱中拖拽控件到界面中，设置控件的属性，布局等。 4. 保存界面 在Qt Designer中，选择“文件”->“保存”，将界面保存为.ui文件。 5. 将.ui文件转换为.py文件 使用以下命令将.ui文件转换为.py文件： ``` pyuic5 -o ui_filename.py ui_filename.ui ``` 其中，ui_filename是你的.ui文件名。这将生成一个.py文件，其中包含Qt Designer界面的Python代码。 6. 编写程序 在Python代码中导入生成的.py文件，然后使用它来创建GUI界面。 下面是一个简单的示例程序： ```python from PyQt5 import QtWidgets, uic class MainWindow(QtWidgets.QMainWindow): def __init__(self): super(MainWindow, self).__init__() # Load the ui file uic.loadUi('ui_filename.ui', self) if __name__ == '__main__': app = QtWidgets.QApplication([]) window = MainWindow() window.show() app.exec_() ``` 在此示例中，我们使用`uic.loadUi`方法将.ui文件加载到`MainWindow`类中，然后创建`QApplication`和`MainWindow`实例，并将窗口显示出来。 以上就是使用Qt Designer编写PyQt5界面的基本步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值