C/C++ Qt MdiArea 多窗体组件应用

2023-03-09 编程算法容器网站jQuery UI

mdi多窗体组件,主要用于设计多文档界面应用程序,该组件具备有多种窗体展示风格,其实现了在父窗体中内嵌多种子窗体的功能,使用mdi组件需要在ui界面中增加mdiarea控件容器,我们所有的窗体创建与操作都在这个容器内进行,如下我们将具体介绍该组件的常用使用技巧。

mdi窗体控件类似于画布,该控件只具备展示窗体的功能,无法实现生成窗体,所以我们需要在项目中手动增加自定义的dialog对话框,并对该对话框进行一定的定制。

这个dialog对话框我们只增加两个功能,一个dialog::currentfilename()获取窗体标题,另一个dialog::setdata(qstring data)设置数据到编辑框,代码实现如下.

#include "dialog.h"
#include "ui_dialog.h"

dialog::dialog(qwidget *parent) :qdialog(parent),ui(new ui::dialog)
{
    ui->setupui(this);

    this->setwindowtitle("new doc <by: lyshark >");           // 窗口标题
    this->setattribute(qt::wa_deleteonclose);  // 关闭时自动删除
    this->setfixedsize(200,100);               // 设置窗体大小
    // this->setwindowicon(qicon(":/image/1.ico"));
}

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

// 获取窗体标题
// by: lyshark
qstring dialog::currentfilename()
{
    qstring title = this->windowtitle();
    return title;
}

// 设置编辑框内容
// https://www.cnblogs.com/lyshark
void dialog::setdata(qstring data)
{
    ui->lineedit->settext(data);
}

接着我们开始绘制这个程序的主界面,在toolbar中增加相应的菜单栏,并在主窗体中放入mdiarea容器组件。

窗体中的顶部菜单栏,我们需要手动定义一下他们所具备的功能名称等。

当程序启动后,程序调用mainwindow初始化这个窗体,初始化代码如下:

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "dialog.h"
#include <iostream>
#include <qcloseevent>

// 如果直接关闭,则清空所有对话框
// https://www.cnblogs.com/lyshark
void mainwindow::closeevent(qcloseevent *event)
{
    ui->mdiarea->closeallsubwindows();
    event->accept();
}

// by: lyshark
mainwindow::mainwindow(qwidget *parent) :qmainwindow(parent),ui(new ui::mainwindow)
{
    ui->setupui(this);
    this->setcentralwidget(ui->mdiarea);
    //this->setwindowstate(qt::windowmaximized); //窗口最大化显示
    ui->maintoolbar->settoolbuttonstyle(qt::toolbuttontextundericon);
    ui->mdiarea->setviewmode(qmdiarea::subwindowview); //子窗口模式
}

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

代码运行效果如下:

用户新建窗体执行mainwindow::on_actionopen_triggered()事件,关闭窗体时则执行mainwindow::on_actionclose_triggered()事件。

// 新建窗体
void mainwindow::on_actionopen_triggered()
{
    dialog *formdoc = new dialog(this); //
    ui->mdiarea->addsubwindow(formdoc); //文档窗口添加到mdi
    formdoc->show(); //在单独的窗口中显示
}
// 关闭全部
void mainwindow::on_actionclose_triggered()
{
    ui->mdiarea->closeallsubwindows(); //关闭所有子窗口
}

代码运行效果如下:

当用户点击mdi模式时,我们则执行以下代码,将所有已存在的窗体合并为一个类似于tabwidget的窗体组件。

// 转为mid模式
void mainwindow::on_actionmid_triggered(bool checked)
{
    // tab多页显示模式
    if (checked)
    {
        ui->mdiarea->setviewmode(qmdiarea::tabbedview); // tab多页显示模式
        ui->mdiarea->settabsclosable(true);             // 页面可关闭
        ui->actionline->setenabled(false);
        ui->actiontile->setenabled(false);
    }
    // 子窗口模式
    else
    {
        ui->mdiarea->setviewmode(qmdiarea::subwindowview); // 子窗口模式
        ui->actionline->setenabled(true);
        ui->actiontile->setenabled(true);
    }
}

代码运行效果如下:

窗体级联模式则是将窗体并排排列在一起,我们只需要调用ui->mdiarea->cascadesubwindows();方法即可实现.

// 级联模式
void mainwindow::on_actionline_triggered()
{
    ui->mdiarea->cascadesubwindows();
}

代码运行效果如下:

平铺模式同样使用ui->mdiarea->tilesubwindows();即可实现转换。

// 平铺模式
void mainwindow::on_actiontile_triggered()
{
    ui->mdiarea->tilesubwindows();
}

代码运行效果如下:

最后一个功能是主窗体发送数据到子窗体,该功能的实现需要两个函数。

on_mdiarea_subwindowactivated 实现设置主窗体名字到自身on_actionsendmsg_triggered 实现主窗体发送消息到子窗体内
// 当子窗体打开时获取到其窗体标题
// by: lyshark
void mainwindow::on_mdiarea_subwindowactivated(qmdisubwindow *arg1)
{
    q_unused(arg1);

    // 若子窗口个数为零,则将statusbar置空
    if (ui->mdiarea->subwindowlist().count()==0)
    {
        ui->statusbar->clearmessage();
    }
    else
    {
        // 如果不为0则显示主窗口的文件名
        dialog *formdoc=static_cast<dialog*>(ui->mdiarea->activesubwindow()->widget());
        ui->statusbar->showmessage(formdoc->currentfilename());
    }
}

// 对选中窗体发送数据
// https://www.cnblogs.com/lyshark
void mainwindow::on_actionsendmsg_triggered()
{
    // 先获取当前mdi子窗口
    dialog *formdoc;

    // 如果打开则获取活动窗体
    if (ui->mdiarea->subwindowlist().count() > 0)
    {
        formdoc=(dialog*)ui->mdiarea->activesubwindow()->widget();
        // 对活动窗体设置数据
        formdoc->setdata("hello lyshark");
    }
}

代码运行效果如下:

上一篇:C/C++ Qt Tree与Tab组件实现分页菜单

下一篇:C/C++ Qt TableWidget 表格组件应用