QML实现文件十六进制数据展示

news2024/11/24 4:37:50

前言

将一个二进制文件直接拖放到Qt Creator中可以直接查看到以十六进制显示的数据格式，如：
在这里插入图片描述
要实现一个这样的效果，还是要花不少时间的。

在网上找了挺多示例，其中一个开源代码效果不错（参考这里），但是是在QWidget中实现的，通过继承QAbstractScrollArea来实现数据滚动绘制。

如果QML中要自定义在paint中绘制，需要继承QQuickPaintedItem，那要实现这样的滚动分页展示就比较麻烦了。尝试了一下直接将Widget中实现的效果封装一下放到QML中去使用，就会比较省事，毕竟原有的开源效果已经做得很好了。
以此思路，开搞！！！

先来看效果：
在这里插入图片描述
这是在QML项目中实现的，中间的数据展示部分是使用QHexView代码Widget实现的。

本文demo 点击下载

正文

将Widget嵌入到QML中使用，先来看会遇到什么问题。

上面说到，QML中要自定义在paint中绘制，需要继承QQuickPaintedItem，然后重写paint函数，而QML Scene Graph场景图绘制是在两个不同的线程中，这个在Qt帮助文档中有说明：
在这里插入图片描述
也就是说，paint()不是从主GUI线程调用的，而是从启用GL的渲染器线程调用的.。

那这会带来什么问题呢，继续看
由于主UI框架是用QML做的，我们想把Widget嵌入到QML中使用，就需要新建一个类继承QQuickPaintedItem然后把Widget放到其中，封装起来后将该类通过qmlRegisterType注册交给QML去引用。那Widget窗口中的各种事件就需要从QML这边发送过去，所以需要进行一次事件转发，也就是说将QQuickPaintedItem获得的事件合理的转发给QWidget让QWidget能处理对应的消息。这个可以通过在QQuickPaintedItem中过滤事件后进行转发。
而UI渲染是在paint中调用widget的rander进行，我们知道Widget中UI渲染是在主线程，上面讲到 QQuickPaintedItem中的paint()不是从主GUI线程调用的，而是从启用GL的渲染器线程调用的，所以这样调用就会出现断言报错：

 "Cannot send events to objects owned by a different thread. Current thread 0x0x24f6d9d9db0. Receiver ''....

好在我们可以直接用Release模式规避这个断言，没办法，只能这样搞了，也只有这种方式能实现这种非常规的调用。

继承QQuickPaintedItem封装的关键代码：

HexViewItem::HexViewItem()
{
    this->setAcceptHoverEvents(true);
    this->setAcceptedMouseButtons(Qt::AllButtons);
    setFlag(ItemAcceptsInputMethod, true);
    setFlag(ItemIsFocusScope, true);
    setFlag(ItemHasContents, true);
}

//不能在构造函数中调用
void HexViewItem::init()
{
    m_pHexContainer = new HexViewContainer();
    m_pHexContainer->init();
    qDebug() << __FUNCTION__ << "this size" << size();
    m_pHexContainer->resize(this->size().toSize());
    if(m_pHexContainer)
    {
        m_pHexContainer->createWinId();
        m_pHexContainer->installEventFilter(this);

        QWindow* pw = (QWindow*)(window());
        pw->installEventFilter(this);
        this->update();
    }
}

bool HexViewItem::sendEventToWidget(QEvent *e)
{
    if(!m_pHexContainer)return false;
    QWindow* wHandle = m_pHexContainer->windowHandle();
    bool res = false;
    if(wHandle)
    {
        res = qApp->sendEvent(wHandle, e);
    }
    return res;
}


void HexViewItem::paint(QPainter *painter)
{
    painter->save();
    if(m_pHexContainer)
    {
        m_pHexContainer->render(painter);
    }
    painter->restore();
}

bool HexViewItem::eventFilter(QObject *obj, QEvent *e)
{
    QWindow* pw = (QWindow*)(window());
    bool res = QQuickPaintedItem::eventFilter(obj, e);
    if(obj == m_pHexContainer)
    {
        switch(e->type())
        {
        case QEvent::Paint:
        {
            QPaintEvent* pe = (QPaintEvent*)e;
            this->update(pe->rect());
        }
            break;
        }
    }
    else if(obj == pw)
    {
        //* 如果是鼠标等（有鼠标坐标信息的事件。）的话我们得计算一下偏移量并修正一下，这里就只处理QMouseEvent和QWheelEvent作为示例
        //* 如果有其他类似的也需要修正，不然可能坐标偏移
        switch(e->type())
        {
        case QEvent::MouseButtonDblClick  :
        case QEvent::MouseButtonPress	  :
        case QEvent::MouseButtonRelease	  :
        case QEvent::MouseMove	          :
        case QEvent::MouseTrackingChange  :
        case QEvent::Move	              :
        {
            QMouseEvent *me = (QMouseEvent*)e;
            QEvent::Type type = me->type();
            QPointF localPosF = me->localPos();
            Qt::MouseButton mouseButton = me->button();
            Qt::MouseButtons mouseButtons = me->buttons();
            Qt::KeyboardModifiers modifiers = me->modifiers();

            //修正一下localpos
            QPointF offsetF = mapToScene(QPoint(0,0));
            QPointF diffPosF = localPosF - offsetF;

            QMouseEvent tme(type, diffPosF, mouseButton, mouseButtons, modifiers);
            sendEventToWidget(&tme);
        }
            break;
        case QEvent::Wheel:
        {
            QWheelEvent *we = (QWheelEvent*)e;
            QPointF localPosF = we->posF();
            QPointF gloabalPosF = we->globalPosF();
            QPoint  pixelDelta = we->pixelDelta();
            QPoint  angleDelta = we->angleDelta();
            int qt4Delta = we->delta();
            Qt::Orientation orientation = we->orientation();
            Qt::MouseButtons mouseButtons = we->buttons();
            Qt::KeyboardModifiers modifiers = we->modifiers();

            //修正一下localpos
            QPointF offsetF = mapToScene(QPoint(0,0));
            QPointF diffPosF = localPosF - offsetF;

            QWheelEvent twe(diffPosF, gloabalPosF, pixelDelta, angleDelta, qt4Delta, orientation, mouseButtons, modifiers);
            sendEventToWidget(&twe);
        }
            break;
        default:
        {
//             sendEventToWidget(e);
        }
            break;
        }
    }

    return res;
}

void HexViewItem::geometryChanged(const QRectF &newGeometry, const QRectF &oldGeometry)
{
    QQuickPaintedItem::geometryChanged(newGeometry, oldGeometry);

    if(m_pHexContainer)
    {
        m_pHexContainer->setGeometry(newGeometry.toRect());
    }
}

bool HexViewItem::event(QEvent *e)
{
    return __super::event(e);
}

关键点，将QQuickItem的窗口注册事件过滤器：

QWindow* pw = (QWindow*)(window());
pw->installEventFilter(this);

eventFilter就是过滤一些需要用到的关键事件进行转发，在paint()中调用Widget的render进行UI刷新。

QHexView源码进行过一些修改，添加了一些接口可供QML中快速设置，如：高亮某段数据、快速定位，头部底部对齐，主题切换，截图保存，切换展示宽度等

Q_INVOKABLE void setFilePath(int index, QString filePath);
Q_INVOKABLE void updateGeo();
Q_INVOKABLE void setSelect(int index,int pos,int len);
Q_INVOKABLE void closeFile(int index);  //关闭文件
Q_INVOKABLE void alignment(bool head,int index = -1);  //头部 尾部对齐
Q_INVOKABLE QStringList renderHexView(QList<int> fileIndexs);
Q_INVOKABLE void setTheme(bool darkTheme);
Q_INVOKABLE void setHexLineWidth(quint8 value);

可在此基础上进行扩展。

整体目录结构：
在这里插入图片描述

本文demo 点击下载

参考文章：
https://blog.csdn.net/r5014/article/details/92642626
https://github.com/Dax89/QHexView

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/988765.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Linux：【Mysql】Centos7安装mysql8.0

Linux：【Mysql】Centos7安装mysql8.0

目录 一、环境及版本介绍 二、安装前准备 三、开始安装 一、环境及版本介绍 Linux环境&#xff1a;Centos7 Mysql版本&#xff1a;8.0.26 安装时使用的用户&#xff1a;root 二、安装前准备 1.1、下载Centos7镜像 网上寻找相关资源即可 1.2、下载VMwareWorkstation Pro并…
阅读更多...
cpolar内网穿透

cpolar内网穿透

目录 一、引言二、什么是cpolar三、内网穿透四、如何使用cpolar1、下载cpolar软件安装包2、注册cpolar账号3、使用cpolar 一、引言 当我们完成了一个tomcat的web项目之后&#xff0c;如果我们想让其他电脑访问到这个项目&#xff0c;我们可以让其他电脑和本机连接到同一个局域…
阅读更多...
python如何学习

python如何学习

功能如此强大、高效的Python&#xff0c;却非常的简单好学&#xff0c;这让学它的同学爱不释手&#xff0c;也让越来越多的互联网企业开始用Python来做主要的开发语言&#xff0c;比如谷歌、Facebook&#xff08;现Meta&#xff09;、豆瓣、知乎等知名互联网公司都在使用Python…
阅读更多...
idea2018修改大小写提示（敏感）信息

idea2018修改大小写提示（敏感）信息

操作步骤如下&#xff1a; File > Settings > Editor > Code Completion > Code Completion&#xff08;默认是首字母&#xff0c;选为none将不区分大小写&#xff09;
阅读更多...
花生壳内网穿透+Windows系统，如何搭建网站？

花生壳内网穿透+Windows系统，如何搭建网站？

1. 准备工作 在百度搜索“Win7下安装ApachePHPMySQL”&#xff0c;根据搜到的教程自行安装WAMP环境。 如果在网页上键入http://127.0.0.1/ 出现以下页面表示您的服务器已经建好&#xff0c;下一步就是关键&#xff0c;如何通过花生壳内网穿透&#xff0c;让外网的用户访问到您…
阅读更多...
1.4 空间中的曲线和曲面

1.4 空间中的曲线和曲面

空间中的曲线与曲面 知识点1 曲面方程定义 定义1 如果曲面 S 与方程F (x,y,z ) 0 有下述关系&#xff1a; &#xff08;1&#xff09; 曲面 S 上的任意点的坐标都满足此方程 &#xff08;2&#xff09;不在曲面S上的点的坐标不满足此方程 则F&#xff08;x,y,z&#xff0…
阅读更多...
无涯教程-JavaScript - IMEXP函数

无涯教程-JavaScript - IMEXP函数

描述 IMEXP函数以x yi或x yj文本格式返回复数的指数。复数的指数为- $$e ^ {((x yi)} e ^ xe ^ {yi} e ^ x(\cos y i \sin y)$$ 语法 IMEXP (inumber)争论 Argument描述Required/OptionalInumberA complex number for which you want the exponential.Required Not…
阅读更多...
第一章： Mysql体系结构和存储引擎

第一章： Mysql体系结构和存储引擎

文章目录 1.1 定义数据库和实例1.2 Mysql体系结构1. 3 Mysql存储引擎1. 4 常见问题解答1.5 存储引擎相关操作语法1.6 连接Mysql 1.1 定义数据库和实例 数据库和实例的区别&#xff1f; 数据库是物理操作系统或其他形式文件的集合&#xff08;数据库是文件的集合&#xff0c;是依…
阅读更多...
Numpy包常用科学计算方法总结

Numpy包常用科学计算方法总结

numpy包的计算性能是python原始方法计算性能的几十倍到几百倍 一、引入numpy包&#xff1a; import numpy as np 二、创建数组: #定义一个pyth…
阅读更多...
微信分账报错1908（请求中含有未在API文档中定义的参数）

微信分账报错1908（请求中含有未在API文档中定义的参数）

开发指引-分账 | 微信支付合作伙伴平台文档中心 问题描述&#xff1a;根据微信分账文档&#xff0c;在下单接口添加是否分账参数后&#xff0c;报错如下 Client error: POST https://api.mch.weixin.qq.com/v3/pay/partner/transactions/jsapi 400 Bad Request {"code…
阅读更多...
c高级 shell指令

c高级 shell指令

思维导图
阅读更多...
golang教程 beego框架笔记一

golang教程 beego框架笔记一

安装beego 安装bee工具 beego文档 # windos 推荐使用 go install github.com/beego/bee/v2master go get -u github.com/beego/bee/v2masterwindows使用安装bee工具时碰到的问题&#xff1b; 环境配置都没有问题&#xff0c;但是执行官网的命令&#xff1a;go get -u github…
阅读更多...
Cadence Allegro如何添加/生成测试点？

Cadence Allegro如何添加/生成测试点？

Allegro因其功能强大、界面灵活、可适应切换复杂项目的需求&#xff0c;很快成为全球最受欢迎的EDA软件之一&#xff0c;而很多工程师在Allegro软件中添加测试点&#xff0c;这样做的好处是为了进行电路的功能测试和故障诊断&#xff0c;那么如何在Allegro添加/生成测试点&…
阅读更多...
【Git】Git 分支

【Git】Git 分支

Git 分支 1.分支简介 为了真正理解 Git 处理分支的方式&#xff0c;我们需要回顾一下 Git 是如何保存数据的。 或许你还记得 起步 的内容&#xff0c; Git 保存的不是文件的变化或者差异&#xff0c;而是一系列不同时刻的 快照 。 在进行提交操作时&#xff0c;Git 会保存一…
阅读更多...
Python 网页爬虫原理及代理 IP 使用

Python 网页爬虫原理及代理 IP 使用

目录 前言 一、Python 网页爬虫原理 二、Python 网页爬虫案例 步骤1&#xff1a;分析网页 步骤2&#xff1a;提取数据 步骤3&#xff1a;存储数据 三、使用代理 IP 四、总结 前言 随着互联网的发展&#xff0c;网络上的信息量变得越来越庞大。对于数据分析人员和研究人…
阅读更多...
基于antd+vue2来实现一个简单的绘画流程图功能

基于antd+vue2来实现一个简单的绘画流程图功能

简单流程图的实现&#xff08;基于antdvue2的&#xff09;代码很多哦~ 实现页面如下 1.简单操作如下 2.弹框中使用组件&#xff1a; <vfdref"vfd"style"background-color: white;":needShow"true":fieldNames"fieldNames"openUse…
阅读更多...
押中AIGC 美图终于认清了自己

押中AIGC 美图终于认清了自己

随着美图公布中期业绩&#xff0c;该公司的股价再度站上3港元&#xff0c;虽然这个股价距离今年7月创造的年内新高3.56港元还有点距离&#xff0c;但这已经是这家公司过去一年半都未能突破的点位。 股价回升得益于美图公布的惊人业绩。据2023年度中期业绩报告&#xff0c;该公…
阅读更多...
javaWeb录入数据异常,mysql显示错误

javaWeb录入数据异常,mysql显示错误

由于项目,需要输入 电脑的mac地址 ,在web页面中进行录入,但是某个同事录入一直有问题,数据查询时使用 in 或者 都查询不到 通过like %% 可以查询到,非常奇怪,请广大网友不吝赐教. 通过 toHex 进行显示发现 数据开头多了 E2808E
阅读更多...
【STM32】FSMC—扩展外部 SRAM 初步使用 1

【STM32】FSMC—扩展外部 SRAM 初步使用 1

基于野火指南者《零死角玩转 STM32F103—指南者》的学习 STM32F103系列 FSMC Flexible Static Memory Controller简介 1.详细功能参看《STM32F10x参考手册》&#xff0c;这边是概述 是一个外设&#xff0c;挂载在AHB总线下。 可以用于驱动包括 SRAM、NOR FLASH 以及 NAND FL…
阅读更多...
浅析TSINGSEE青犀视频AI智能分析网关车辆检测/车牌识别算法及应用场景

浅析TSINGSEE青犀视频AI智能分析网关车辆检测/车牌识别算法及应用场景

在数字化时代&#xff0c;随着大众对出行要求的提升&#xff0c;汽车数量也成与日俱增&#xff0c;为城市与交通管理带来了许多困扰。旭帆科技为给交通管理和车辆安全提供高效的解决方案&#xff0c;特此研发了AI智能车辆检测与车牌识别算法。 旭帆科技TSINGSEE青犀视频AI车辆检…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023