QT 笔记3 Qt设计师使用 Qt创造器使用_qt 设计师类使用，给后辈的一点建议

机器学习之心AI
56 阅读2分钟

objectName:m_editY
alignment:水平(AlignRight)
显示结果(QLineEdit)
objectName:m_editZ
alignment:水平(AlignRight)
readOnly(只读)：勾选√
加号标签：
objectName:m_label
text:"+"
等号按钮：
objectName:m_button
enabled:去掉勾选√(禁用)
text:"="
–》调整父窗口和控件的大小和位置
方法1：鼠标拖拽
方法2：键盘，调整位置(方向键、ctrl+方向键) 调整大小(shitf+方向键、ctrl+shift+方向键)
方法3：设置geometry属性，调整位置(x,y) 大小(宽度,高度)
方法4：使用布局器自动调整 //推荐
–》窗体预览
–》保存(ctrl+s),指定文件名“CalculatorDialog.ui”
–》关闭，最终在工程目录下得到一个"CalculatorDialog.ui"文件

3 使用界面编辑器(uic),将“CalculatorDialog.ui(xml)”转换为“ui_CalculatorDialog.h(c++)”
1）转换命令
uic CalculatorDialog.ui -o ui_CalculatorDialog.h
2）转换后“ui_CalculatorDialog.h”文件内容
class Ui_CalculatorDialog{

public:
图形控件相关对象指针声明;
void setupUi(QDialog*){//界面初始化
创建图形控件、属性设置…
}
};
namespace Ui{

class CalculatorDialog:public Ui_CalculatorDialog{};
}
注：Ui名字空间的子类(Ui::CalculatorDialog)和上面基类(Ui_CalculatorDialog)相同

4 使用“ui_CalculatorDialog.h”文件，复用里面代码方法
1）方法1：继承
class MyClass:public Ui::CalculatorDialog{

//将界面相关代码继承过来直接使用
};
2）方法2：组合
class MyClass{

public:
MyClass():ui(new Ui::CalculatorDialog){}
private:
//通过“ui->”访问和界面相关代码
Ui:: CalculatorDialog* ui;
};
5 编写代码、构建、测试
1）继承方式，参考Calculator2.
ui_CalculatorDialog.h

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
\*\* Form generated from reading UI file 'CalculatorDialog.ui'
\*\*
\*\* Created by: Qt User Interface Compiler version 5.4.1
\*\*
\*\* WARNING! All changes made in this file will be lost when recompiling UI file!
\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/

#ifndef UI\_CALCULATORDIALOG\_H
#define UI\_CALCULATORDIALOG\_H

#include <QtCore/QVariant>
#include <QtWidgets/QAction>
#include <QtWidgets/QApplication>
#include <QtWidgets/QButtonGroup>
#include <QtWidgets/QDialog>
#include <QtWidgets/QHBoxLayout>
#include <QtWidgets/QHeaderView>
#include <QtWidgets/QLabel>
#include <QtWidgets/QLineEdit>
#include <QtWidgets/QPushButton>

QT_BEGIN_NAMESPACE

class Ui\_CalculatorDialog
{
 
public:
    QHBoxLayout \*horizontalLayout;
    QLineEdit \*m_editX;
    QLabel \*m_label;
    QLineEdit \*m_editY;
    QPushButton \*m_button;
    QLineEdit \*m_editZ;

    void setupUi(QDialog \*CalculatorDialog)
    {
 
        if (CalculatorDialog->objectName().isEmpty())
            CalculatorDialog->setObjectName(QStringLiteral("CalculatorDialog"));
        CalculatorDialog->resize(535, 150);
        QFont font;


**收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。**
![img](https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/c0d2fbb91f5440dfb11646bcdb745ec4~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg5py65Zmo5a2m5Lmg5LmL5b-DQUk=:q75.awebp?rk3s=f64ab15b&x-expires=1775484292&x-signature=fCduZIFjcFqa%2FqnVI2AGG6j19W8%3D)
![img](https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/b9b7f1929e194f709ee7a312c7aff533~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg5py65Zmo5a2m5Lmg5LmL5b-DQUk=:q75.awebp?rk3s=f64ab15b&x-expires=1775484292&x-signature=X7BI0UnU377K9teKAEWPDsRm154%3D)

**[如果你需要这些资料，可以戳这里获取](https://gitee.com/vip204888)**

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人**

**都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**
avatar
文章
阅读
粉丝