`
美丽的小岛
  • 浏览: 308249 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

VS使用QT设计师设计的UI

 
阅读更多

 1.  新建UI,保存为ab.ui,把文件放在项目的UI路径中。

 


 
 2.  VS加入ab.ui文件,例如:


 
 3. 编译一下,会生成一个ui_ab.h的文件。

运行的命令行为:"$(QTDIR)\bin\uic.exe" -o ".\GeneratedFiles\ui_%(Filename).h" "%(FullPath)"

右键*.ui文件,选属性可以看到:


 
     4.  使用方法如下类图:


 

 5.  原因,看下面代码的对应关系:

ab.ui文件

<?xmlversion="1.0"encoding="UTF-8"?>

<uiversion="4.0">

 <class>Form</class>

 <widgetclass="QWidget"name="Form">

  <propertyname="geometry">

   <rect>

    <x>0</x>

    <y>0</y>

    <width>279</width>

    <height>166</height>

   </rect>

  </property>

  <propertyname="windowTitle">

   <string>Form</string>

  </property>

  <widgetclass="QPushButton"name="But">

   <propertyname="geometry">

    <rect>

     <x>70</x>

     <y>40</y>

     <width>75</width>

     <height>23</height>

    </rect>

   </property>

   <propertyname="text">

    <string>点Ì?击¡Â</string>

   </property>

  </widget>

 </widget>

 <resources/>

 <connections/>

</ui>

 

 

ui_ab.h文件

 

#ifndef UI_AB_H

#define UI_AB_H

 

#include <QtCore/QVariant>

#include <QtWidgets/QAction>

#include <QtWidgets/QApplication>

#include <QtWidgets/QButtonGroup>

#include <QtWidgets/QHeaderView>

#include <QtWidgets/QPushButton>

#include <QtWidgets/QWidget>

 

QT_BEGIN_NAMESPACE

 

class Ui_Form

{

public:

    QPushButton *But;

 

    void setupUi(QWidget *Form)

    {

        if (Form->objectName().isEmpty())

            Form->setObjectName(QStringLiteral("Form"));

        Form->resize(279, 166);

        But = new QPushButton(Form);

        But->setObjectName(QStringLiteral("But"));

        But->setGeometry(QRect(70, 40, 75, 23));

 

        retranslateUi(Form);

 

        QMetaObject::connectSlotsByName(Form);

    } // setupUi

 

    void retranslateUi(QWidget *Form)

    {

        Form->setWindowTitle(QApplication::translate("Form", "Form", 0));

        But->setText(QApplication::translate("Form", "\347\202\271\345\207\273", 0));

    } // retranslateUi

 

};

 

namespace Ui {

    class Form: public Ui_Form {};

} // namespace Ui

 

QT_END_NAMESPACE

 

#endif // UI_AB_H

 

 

    6.  下面是自己写的AB.h类进行使用

//AB.h文件

#pragma once

#include <QtWidgets/QMainWindow>

#include "ui_ab.h"

 

class AB : public QWidget

{

    Q_OBJECT

 

public:

    AB(QWidget *parent = 0);

    ~AB();

 

private:

    Ui::Form ui;

};

 

//AB.cpp文?件t

#include "AB.h"

 

AB::AB(QWidget *parent)

    : QWidget(parent)

{

    ui.setupUi(this);

}

 

AB::~AB()

{

 

}

 

 

    7.  把这个UI写一个测试,运行结果为


 

 好的,nice!

  • 大小: 3.4 KB
  • 大小: 98.6 KB
  • 大小: 56.8 KB
  • 大小: 37.4 KB
  • 大小: 11.4 KB
1
1
分享到:
评论

相关推荐

    Qt-ui.rar_QT UI_QT界面_Qt 文件_qtui界面_ui

    2. 设计师插件:Qt Designer支持插件,可以为自定义控件提供预览和配置功能。这使得自定义控件在设计时具有与标准控件相同的可视化编辑体验。 3. 布局管理:Qt提供了多种布局(如网格布局、垂直布局、水平布局等)...

    PyQt5系列教程(二)利用QtDesigner设计UI界面源码包

    在本篇PyQt5系列教程的第二部分中,我们将深入探讨如何使用QtDesigner工具来设计用户界面(UI)并将其转换为Python代码。QtDesigner是Qt库的一部分,它提供了一个直观的图形化界面,使非程序员也能轻松创建复杂的UI...

    QtDesigner设计师(Qt4).zip

    【QtDesigner设计师(Qt4)】是一个关于使用Qt4框架开发图形用户界面的开源项目集合。QtDesigner是Qt库的一部分,它提供了一个可视化编辑器,用于设计GUI(图形用户界面)部件,无需编写复杂的代码。这个压缩包包含了...

    Qt设计器手册.

    7. **代码生成与集成**:完成设计后,Qt设计器能够生成相应的.ui文件,这其实是一种XML格式,描述了UI的结构和配置。这个文件可以被编译器转换为C++代码,方便在实际项目中使用。 8. **插件扩展**:Qt设计器支持第...

    14.2 Qt的UI界面设计方法.docx

    在本文中,我们将深入探讨Qt的UI界面设计方法,包括安装必要的工具、使用Qt Designer进行设计、将设计转换为Python代码以及理解生成的Python代码与设计师设计之间的关系。 1. UI设计基础 UI设计是软件开发中的关键...

    Qt Designer汉化包

    Qt Designer汉化包,把该文件放在\Lib\site-packages\PyQt5\translations和\Lib\site-packages\pyqt5-tools\translations的文件夹里面,打开软件即可实现汉化

    UI各种小图标

    "UI各种小图标"这个主题涵盖了多种类型的图标,这些图标可能来源于不同的网站,数量众多,足以满足设计师在各种项目中的需求。下面将详细介绍UI小图标的设计原则、类型以及其在实际应用中的重要性。 首先,UI小图标...

    Qt 设计器手册 CHM文档

    **Qt设计师手册CHM文档详解** Qt是一款强大的跨平台应用程序开发框架,被广泛应用于桌面、移动设备以及嵌入式系统的用户界面设计。Qt Designer是Qt工具集中的一个重要组成部分,它提供了一个直观的图形用户界面...

    可视化UI设计,代码式UI设计

    例如,Adobe XD、Figma 和 Sketch 等工具就是可视化UI设计的代表,它们提供了丰富的组件库,设计师可以通过这些工具轻松地调整布局、颜色、字体等元素,实时预览效果,提高了设计效率。 接下来,我们讨论代码式UI...

    QT 电子表格(Designer设计版)

    QT电子表格(Designer设计版)是一款基于QT框架开发的电子表格应用,它允许用户通过图形化界面Designer进行自定义设计。这个编译完成的Win版本是专为Windows操作系统设计的,尽管部分功能可能尚未完全成熟,但其核心...

    qt自定义界面放大缩小关闭

    Qt Designer是Qt提供的一款可视化设计工具,可以帮助非程序员创建用户界面。通过拖放小部件,调整属性,然后导出为.ui文件,开发者可以快速搭建原型。这个文件可以被uic编译器转换为C++代码,方便集成到应用程序中。...

    Qt 控件透明度设置方法总结

    在Qt框架中,控制透明度是一项常见的需求,无论是为了实现美观的界面设计还是为了特定的交互效果。本文将深入探讨Qt中控件透明度的设置方法,并通过实际验证确保其可行性。 首先,Qt中的控件透明度主要涉及到窗口...

    uidemo01.zip

    QML使得界面设计更加直观,允许设计师和开发者分离界面的视觉设计和业务逻辑。 3. **信号与槽机制**:这是Qt的核心特性,允许对象间的通信。当一个对象的某个状态改变时(发出信号),可以触发其他对象的行为(槽...

    QT简单软键盘设计文件

    1. 创建UI:使用QT Designer工具创建GUI界面,将每个按键定义为QPushButton,并通过Qt的UI文件(.ui)保存设计。 2. 加载UI:在C++代码中,使用QUiLoader和QFile加载UI文件,将设计转换为实际的QWidget对象。 3. ...

    QT帮助文档_中文版_QT中文版帮助文档_

    对于移动和嵌入式设备,QtQuick和QML提供了声明式UI设计,使创建动态和响应式的用户界面变得更加简单。 总之,“QT帮助文档_中文版”是一个全面的资源,无论你是Qt的新手还是经验丰富的开发者,都可以从中获取必要...

    QT widget控件自适应窗口大小,修改比例

    `mainwindow.ui`是使用QT Designer创建的用户界面文件,它以XML格式存储了窗口布局和控件的信息。 实现控件自适应窗口大小和修改比例的完整过程可能包括以下步骤: 1. 在QT Designer中设计界面,添加所需控件,并...

    qt_translator.zip

    对于使用QML构建的界面,我们可以使用`QQmlEngine`的`addImportPath()`方法添加翻译文件路径,然后通过`Qt Linguist`的`qsTr()`函数获取翻译文本。在QML中,可以创建一个`Component`来管理语言切换,例如: ```qml...

    Qt Designer1+Tmake手册中文版.doc

    - **创建新项目**: 使用Qt Designer创建一个新的UI设计项目。 - **设计基本界面**: 学习如何在设计器中放置和调整窗口组件(如按钮、文本框等)的位置和大小。 - **保存设计**: 了解如何保存设计以便后续使用。 - **...

    QT designer入门

    QT Designer是Qt库中的一个图形用户界面(GUI)设计工具,它允许开发者通过拖放方式构建用户界面,而无需编写大量的代码。对于初学者来说,QT Designer是一个非常友好的起点,因为它大大简化了创建和定制GUI的过程。...

Global site tag (gtag.js) - Google Analytics