当前位置：首页 > news >正文

QML QT6 WebEngineView 、Echarts使用和数据交互

news 2025/12/16 7:54:05

QML 中的 WebEngineView 是用于显示网页内容的组件，它基于 Qt WebEngine，支持现代网页渲染和与 JavaScript 的交互。它通常用来在 QML 应用中嵌入浏览器或加载在线资源。WebEngineView 可以展示 HTML、CSS、JavaScript 等网页内容，并提供多种属性和方法来控制其行为。

如下是一个简单的demo和源码：

QML与Echarts图表

1.WebEngineView的主要属性

枚举 (enumeration)

ErrorDomain: 表示与 WebEngine 相关的错误类型的枚举，如网络错误、SSL 错误等。
Feature: 用于控制浏览器功能的枚举，例如地理位置、媒体播放等。
FindFlags: 搜索功能的标志，用于定义在页面中查找文本时的行为。
JavaScriptConsoleMessageLevel: 控制台消息的等级，表示来自 JavaScript 控制台的消息重要性（例如，信息、警告、错误）。
LifecycleState: 页面生命周期的状态，如 Active、Frozen、Discarded 等。
LoadStatus: 表示页面加载的状态，例如 Loading, Loaded, Failed。
PrintedPageOrientation: 打印时页面的方向（横向或纵向）。
PrintedPageSizeId: 页面打印尺寸的枚举（如 A4, Letter 等）。
RenderProcessTerminationStatus: 渲染进程终止的状态，如正常退出或崩溃退出。
WebAction: 浏览器动作的枚举（如后退、前进、重新加载等）。

布尔属性 (bool)

activeFocusOnPress: 决定点击 WebEngineView 时是否获得焦点。
audioMuted: 控制网页中的音频是否静音。
canGoBack: 指示是否可以导航回历史记录中的前一个页面。
canGoForward: 指示是否可以导航到历史记录中的下一个页面。
isFullScreen: 是否当前页面处于全屏模式。
loading: 页面是否正在加载。
recentlyAudible: 指示网页是否最近有音频输出。

颜色属性 (color)

backgroundColor: 设置 WebEngineView 的背景颜色。

数字和几何属性

contentsSize: 网页内容的大小。
loadProgress: 页面加载进度，范围从 0 到 100。
scrollPosition: 当前网页的滚动位置。
renderProcessPid: 渲染进程的进程 ID。
zoomFactor: 网页的缩放比例。

其他对象属性

devToolsView: 用于显示开发者工具的 WebEngineView 实例。
history: 提供对 WebEngineHistory 对象的访问，以获取或操作浏览历史记录。
icon: 当前网页的图标（如网站的 favicon）。
inspectedView: 被检查的 WebEngineView，用于调试时的场景。
lifecycleState: 网页的生命周期状态（如 Active, Frozen）。
profile: 当前 WebEngineView 的 WebEngineProfile，用于存储 cookie、缓存等。
recommendedState: 推荐的页面生命周期状态。
settings: 用于获取和设置与页面呈现相关的 WebEngineSettings。
title: 当前页面的标题。
url: 当前加载的页面 URL。
userScripts: 包含网页上运行的用户脚本集合。
webChannel: 用于 Web 与 QML 交互的 QQmlWebChannel 实例。
webChannelWorld: 用于隔离不同 WebChannel 实例的 ID。

2.WebEngineView信号

信号解释

activeFocusOnPressChanged(bool activeFocusOnPress)

QML QT6 WebEngineView 、Echarts使用和数据交互

QML 中的 WebEngineView 是用于显示网页内容的组件，它基于 Qt WebEngine，支持现代网页渲染和与 JavaScript 的交互。它通常用来在 QML 应用中嵌入浏览器或加载在线资源。WebEngineView 可以展示 HTML、CSS、JavaScript 等网页内容，并提供多种属性和方法来控制其行为。如下…...

编程日记 2024/12/14 10:37:42

SpringBoot 整合 Mail 轻松实现邮件自动推送

简单使用 1、pom 包配置 pom 包里面添加 spring-boot-starter-mail 包引用 <dependencies><dependency> <groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-mail</artifactId></dependency> </de…...

编程日记 2024/12/14 10:35:38

MyBatis 核心知识与实践

一、MyBatis 概述 1. 框架简介 MyBatis 是一款支持自定义 SQL、存储过程以及高级映射的持久层框架。它避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集的操作，使开发人员能够更专注于 SQL 语句的编写和业务逻辑的处理。 2. 核心组件 SqlSessionFactoryB…...

编程日记 2024/12/14 10:34:36

机器学习期末速成

文章目录一、机器学习分类二、逻辑回归三、决策树四、集成学习算法五、支持向量机六、聚类七、特征工程和指标文章参考自B站机器学习期末速成课本文仅作者个人复习使用一、机器学习分类聚类和分类的区别： 分类：一开始就知道有哪些类别聚类&#…...

编程日记 2024/12/14 10:33:34

Linux中的线程

目录线程的概念进程与线程的关系线程创建线程终止线程等待线程分离原生线程库线程局部存储自己实现线程封装线程的优缺点多线程共享与独占资源线程互斥互斥锁自己实现锁的封装加锁实现互斥的原理死锁线程同步线程的概念回顾进程相关概念 …...

编程日记 2024/12/14 10:32:33

AI大模型学习笔记｜多目标算法梳理、举例

多目标算法学习内容推荐： 1.通俗易懂讲算法-多目标优化-NSGA-II(附代码讲解)_哔哩哔哩_bilibili 2.多目标优化 (python pyomo pareto 最优)_哔哩哔哩_bilibili 学习笔记： 通过网盘分享的文件：多目标算法学习笔记链接: https://pan.baidu.com…...

编程日记 2024/12/14 10:31:32

蓝桥杯刷题——day3

蓝桥杯刷题——day3 题目一题干题目解析代码题目二题干题目解析代码题目一题干每张票据有唯一的 ID 号，全年所有票据的 ID 号是连续的，但 ID 的开始数码是随机选定的。因为工作人员疏忽，在录入 ID 号的时候发生了一处错误，造…...

编程日记 2024/12/14 10:27:28

企业级日志分析系统ELK之ELK概述

ELK 概述 ELK 介绍什么是 ELK 早期IT架构中的系统和应用的日志分散在不同的主机和文件，如果应用出现问题，开发和运维人员想排查原因，就要先找到相应的主机上的日志文件再进行查找和分析，所以非常不方便，而且还涉及…...

编程日记 2024/12/14 10:25:26

【开源项目】经典开源项目数字孪生体育馆—开源工程及源码

飞渡科技数字孪生体育馆管理平台，融合物联网IOT、BIM数据模型、三维GIS等技术，实现体育馆的全方位监控和实时全局掌握，同时，通过集成设备设施管理、人员管理等子系统，减少信息孤岛，让场馆“可视、可控、可管…...

编程日记 2024/12/14 10:24:23

C++多线程实战：掌握图像处理高级技巧

文章结尾有最新热度的文章，感兴趣的可以去看看。本文是经过严格查阅相关权威文献和资料，形成的专业的可靠的内容。全文数据都有据可依，可回溯。特别申明：数据和资料已获得授权。本文内容，不涉及任何偏颇观点，用中立态度客观事实描述事情本身导读在当今的计算世界中，…...

编程日记 2024/12/14 10:22:20

解决MAC装win系统投屏失败问题（AMD显卡）

一、问题描述电脑接上HDMI线后，电脑上能显示有外部显示器接入，但是外接显示器无投屏画面二、已测试的方法 1 更改电脑分辨，结果无效 2 删除BootCamp，结果无效 3更新电脑系统，结果无效 4 在设备管理器中&#…...

编程日记 2024/12/14 10:21:16

网易游戏分享游戏场景中MongoDB运行和分析实践

在游戏行业中，数据库的稳定和性能直接影响了游戏质量和用户满意度。在竞争激烈的游戏市场中，一个优秀的数据库产品无疑能为游戏的开发和后期的运营奠定良好的基础。伴随着MongoDB在不同类型游戏场景中的应用越来越广泛，许多知名的游戏公司都在…...

编程日记 2024/12/14 10:20:15

Android14 AOSP 允许system分区和vendor分区应用进行AIDL通信

在Android14上，出于种种原因，system分区的应用无法和vendor分区的应用直接通过AIDL的方法进行通信，但是项目的某个功能又需要如此。好在Binder底层其实是支持的，只是在上层进行了屏蔽。修改 frameworks/native/libs/binder/Bp…...

编程日记 2024/12/14 10:17:09

R学习——因子

目录 1 定义因子（factor函数） 2因子的作用一个数据集中的只需要考虑可以用哪个数据来进行分类就可以了，可以用来分类就可以作为因子。 Cy1这个因子对应的水平level是4 6 8： 1 定义因子（factor函数） 要…...

编程日记 2024/12/14 10:14:06

https://zhuanlan.zhihu.com/p/623447031 function对应类外的函数，每个函数调用一次 import pytest def setup_module():print(开始 module)def teardown_module():print(结束 module)def setup_function():print(开始 function)def teardown_function():print(结…...

编程日记 2024/12/14 10:13:04

前端面试准备问题2

1.防抖和节流分别是什么，应用场景防抖：在事件被触发后，只有在指定的延迟时间内没有再次触发，才执行事件处理函数。在我的理解中，简单的说就是在一个指定的时间内，仅触发一次，如果有多次重复触…...

编程日记 2024/12/14 10:12:02

web前端sse封装

这是一个基于microsoft/fetch-event-source包封装的sse函数，包含开始、停止功能; 可传更多参数、使用非常简单。使用前: 安装 microsoft/fetch-event-source 代码： // sse import { fetchEventSource } from microsoft/fetch-event-source import { …...

编程日记 2024/12/14 10:06:56

智能家居WTR096-16S录放音芯片方案，实现语音播报提示及录音留言功能

前言： 在当今社会的高速运转之下，夜幕低垂之时，许多辛勤工作的父母尚未归家。对于肩负家庭责任的他们而言，确保孩童按时用餐与居家安全成为心头大事。此时，家居留言录音提示功能应运而生，恰似家中的一位无形…...

编程日记 2024/12/14 10:00:50

【创建模式-蓝本模式（Prototype Pattern）】

目录 Overview应用场景代码演示JDK Prototype pattern 更优实践泛型克隆接口 https://doc.hutool.cn/pages/Cloneable/#%E6%B3%9B%E5%9E%8B%E5%85%8B%E9%9A%86%E7%B1%BB The prototype pattern is a creational design pattern in software development. It is used when the t…...

编程日记 2024/12/14 9:58:47