第三代软件开发-PDF阅读器
关键字:
Qt
、 Qml
、 pdf
、 LTDev
、 本地
项目介绍
重要说明☝
☀该专栏在第三代软开发更新完将涨价
PDF阅读器
同上篇【038_第三代软件开发-简易视频播放器自定义Slider (二)】一样,这个功能就是为了显示我们的软件说明书。同样适用平率不怎么搞,而QML本身好像不怎么具备PDF文件的预览的。这里我最开始向导的就是使用web来实现,并且我真的非常非常认真的让GPT给我写了一个H5,我在Google浏览器里面测试没有问题。代码如下:
<!DOCTYPE html>
<html>
<head>
<title>打开和预览本地PDF文件</title>
</head>
<body>
<input type="file" id="pdfInput" accept=".pdf">
<embed id="pdfPreview" type="application/pdf" width="100%" height="600px">
<script>
document.getElementById('pdfInput').addEventListener('change', function(e) {
var file = e.target.files[0];
var reader = new FileReader();
reader.onload = function(e) {
document.getElementById('pdfPreview').setAttribute('src', e.target.result);
};
reader.readAsDataURL(file);
});
</script>
</body>
</html>
但是呢,当我把这个放到Qt里面的时候,发现无法使用,所以我转向的万能的github。最后,我发现了一个线程的轮子可以用,很遗憾的是我没有存链接,我好找了一圈,也没有再次找到,也没有fork 一下。所以我把目前的这部分代码打包了一下,上传了,0积分下载,大家可以直接下载使用。
链接地址:https://download.csdn.net/download/z609932088/88171703?spm=1001.2014.3001.5503
1 初始化PDF view
首先我们需要在main.cpp里面包含头文件
#include <QtWebView/QtWebView>
#include "it/ltdev/qt/cpp/components/qtpdfviewerinitializer.h"
紧接着需要咋我们的QApplication
创造前完成初始化
LTDev::QtPdfViewerInitializer::initialize();
在完成QApplication
初始化后链接QApplication
结束信号槽
QObject::connect(&app, &QApplication::aboutToQuit, LTDev::QtPdfViewerInitializer::getInstance(), LTDev::QtPdfViewerInitializer::deleteInstance);
完成以上基本,这里我们可以编译一下,看下是否存在问题,存在修复即可,不存在,就可以在QML中包含对应模块,使用了。
2 qml 中使用
首先同样,需要在qml import相关模块,最后一个就是我们的pdf模块
import QtWebView 1.15
import QtWebEngine 1.10
import it.ltdev.qt.qml.components 1.0 as LTDev
3 创建模块
这部分就可以把它当做有个普通的控件来使用就可以了,重要的我在注释中也说了,在ubuntu 下是需要–no-sandbox参数运行程序的。
/*
WebView 模块运行需要加 --no-sandbox参数
--no-sandbox 参数不能使用 gdb调试,如果要使用gdb 调试,可以先把这个注释掉,这个就是一个展示帮助文档的PDF
*/
LTDev.PdfView {
id: pdfView
anchors.fill: parent
visible: true
onError: {
pdfView.visible = false
pdfView.opacity = 0
var json = JSON.parse(message)
}
onViewerLoaded: {
pdfView.load("/home/UserHelp.pdf")
}
onPdfLoaded: {
pdfView.visible = true
pdfView.opacity = 1
}
}