qt 里面使用webengine_qtwebengine

qt使用webengine 条件

qt在windows上使用webengine必须用visual studio，使用mingw无效，webengine可以集成我们得html5页面，这样可以让界面开发人员更加省心。

code

1 包含qwebengineview

#include <QWidget>
#include <QWebEngineView>
#include <QMouseEvent>
1
2
3

头文件从QWebEngineView继承

#ifndef SWEBENGINEVIEW_H
#define SWEBENGINEVIEW_H
#include <QWidget>
#include <QWebEngineView>
#include <QMouseEvent>

class SWebEngineView : public QWebEngineView
{
    Q_OBJECT
public:
    explicit SWebEngineView(QWidget *parent = 0);


   // SWebEngineView();
    QList<QUrl> listUrl() const;
    void addItemUrl(QUrl url);
    void test(int i );


protected:
    QWebEngineView *createWindow(QWebEnginePage::WebWindowType type);

private slots:
    void slot_link(const QString &url)
    {
        v_url.setUrl(url);
    }
private:

    //QList<QUrl> v_listUrl;
    QWidget *v_parent = NULL;
    QUrl v_url;
};

#endif // SWEBENGINEVIEW_H

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

#include "swebengineview.h"
#include <iostream>

SWebEngineView::SWebEngineView(QWidget *parent) : QWebEngineView(parent)
{
    setAttribute(Qt::WA_DeleteOnClose);

    v_parent = parent;
    connect(this->page(),&QWebEnginePage::linkHovered,this,&SWebEngineView::slot_link);
}

void SWebEngineView::test(int i)
{

}



QWebEngineView *SWebEngineView::createWindow(QWebEnginePage::WebWindowType type)
{
    SWebEngineView *page = new SWebEngineView(this);
    page->resize(this->size());
    page->show();

    return page;

   
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

其中createWindow比较重要

mainwindow调用

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{


    QRect deskRect = QApplication::desktop()->availableGeometry();
    this->move(deskRect.left(), 0);
    //this->setParent()

    ui->setupUi(this);
    m_view = new SWebEngineView(ui->verticalLayoutWidget);


    m_view->setUrl(QUrl(QStringLiteral("https://www.csdn.net")));
    m_view->show();



    m_backBtn = new QPushButton(this);
    m_backBtn->resize(100,30);
    m_backBtn->move(0,0);
    m_backBtn->setText(tr("Back"));

    connect(m_backBtn, SIGNAL(clicked(bool)), this, SLOT(onBackUrl()));

}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

添加事件响应函数

void MainWindow::resizeEvent(QResizeEvent *)
{
    ui->verticalLayoutWidget->resize(this->size());
    m_view->resize(this->size());
}
void MainWindow::onBackUrl()
{
    m_view->back();
}

void MainWindow::on_pushButton_clicked()
{
    QString url = ui->lineEdit->text();
    if(!url.isEmpty())
    {
        m_view->load(url);
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

加载csdn页面测试

点击以后跳转

按back按钮可以返回