QT界面调用ui,定义主MainWindow中的子控件的槽函数

文章介绍了在QT开发中如何使用QtDesigner设计UI界面,并将其转换为可调用的代码。通过uic命令生成ui.h文件,然后在对应的头文件和源文件中继承和实现界面类。此外,还提到了利用槽函数和信号进行交互,以及如何处理自定义控件的方法。最后,展示了编译过程和pro文件配置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在QT的应用中,不可避免需要使用QtDesigner,创建的ui如何调用呢,这里给出我的调用方法。

 所有设计做完后,保存ui文件,终端输入:

uic -o ui.h ui.ui

得到ui.h文件,新建mainwindow.h文件,输入:

#ifndef __MAINWINDOW_H__
#define __MAINWINDOW_H__

#pragma once

#include <QtGui>
#include<QObject>
#include <QMainWindow>



class MainWindow : public QMainWindow,
public Ui::MainWindow_ui
{
    Q_OBJECT

public:
    MainWindow(QMainWindow *parent = 0);
    ~MainWindow();
    

};



#endif // end of __MAINWINDOW_H__

新建mainwindow.cpp文件,输入:


#include "mainwindow.h"
#include "map.h"





MainWindow::MainWindow(QMainWindow*parent)
    : QMainWindow(parent),
    ui(new Ui::MainWindow_ui)
{
    ui->setupUi(this);
}

MainWindow::~MainWindow()
{
        delete ui;
}

新建main.cpp文件,输入:


#include <QApplication>
#include <QtGui>
#include<QObject>

#include "mainwindow.h"


int main(int argc,char *argv[])
{
    QApplication app(argc,argv);
    MainWindow win;
    
    win.setWindowTitle("CAR-MAP SYSTEM");
    //win.resize(2000,1600);//设置窗口大小
    win.show();
    app.installEventFilter(&win);

    app.exec();
    return 0;
}

编译即可,编译需要编写pro文件。

除此之外,我们经常会用到槽函数(SLOT)和信号(SINGNAL),但如果之定义了主控件,是无法自定义子控件的槽函数和信号的,解决这一点的办法就是提升控件。打开QTDesinger,选择需要提升的控件,选择提升并填写提升后的名字

 

 所有设计做完后,保存ui文件,终端输入:

uic -o ui.h ui.ui

生成头文件后发现ui.h中引用了提升的控件的头函数,like this:

 此时,我们需要自己编写相应的.h和.cpp文件,以此为例,新建mapwidget.h,输入:

#ifndef MAPWEIDGIT_H
#define MAPWEIDGIT_H

#include <QWidget>
#include <QObject>

class MapWidget : public QWidget
{
    Q_OBJECT
    protected:
    void  paintEvent(QPaintEvent *event);
    //void keyPressEvent(QKeyEvent *event);
    public:
        MapWidget(QWidget *parent = 0);
    public slots:
        void draw_map();
        void draw_car();
        void start_move();
        void stop_move();
    private:
        QImage          *m_img;
};

#endif

其中,void draw_map();void draw_car(); void start_move();void stop_move();是我自定义的头文件。

新建mapwidget.cpp文件,输入:

#include "mapwidget.h"
#include<QWidget>
#include "mainwindow.h"
#include "map.h"

MapWidget::MapWidget(QWidget *parent)
:QWidget(parent)
{
    int imgW = 2000, imgH = 1600;
    m_img = new QImage(imgW, imgH, QImage::Format_RGB888);
    m_img->fill(QColor(0xff, 0xff, 0xff));
    
    
    setBackgroundRole(QPalette::Base);
    setAutoFillBackground(true);

    setFocus();
}

void MapWidget::paintEvent(QPaintEvent *   )
{
    QPainter     painter(this);

    // 画在m_img上
    painter.drawImage(QPoint(0, 0), *m_img);
}
void MapWidget::draw_map()
{
    //编写槽函数
}

pro文件如下:

TEMPLATE = app
CONFIG += qt
QT += gui widgets core
TARGET = sutdy_1

SOURCES += \
    ./map.cpp\
    ./mainwindow.cpp \
    ./camerawidget.cpp\
    ./mapwidget.cpp\
    ./main.cpp

HEADERS += \
    ./map.h\
    ./camerawidget.h\
    ./mapwidget.h\
    ./ui2.h\
    ./mainwindow.h 


最终效果如下:

 

 

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.uiui文件里定义的窗体名字为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文件就生成了,建议大家去看一下这个文件的内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值