基于嵌入式Linux测试Qt webengine |
您所在的位置:网站首页 › 图书馆嵌入式插座怎么使用 › 基于嵌入式Linux测试Qt webengine |
ByToradex秦海 1). 简介 从QT 5.6版本开始,QT已经正式从webkit组件切换到webengine 组件,新的webengine组件是基于chromium内核引擎,更稳定且更好的支持新的如HTML5等特性,同时具备更好的跨平台性。本文就基于嵌入式Linux平台演示部署Qt提供的webengine 示例应用。 本文所演示的平台来自于Toradex Colibri iMX6 ARM嵌入式平台,这是一个基于NXP iMX6 ARM处理器,支持单核/双核Cortex-A9的计算机模块平台。 2. 准备 a). Colibri iMX6 ARM核心版配合ColibriEva Board载板,连接调试串口UART1到开发主机方便调试。 b). ColibriiMX6系统使用基于OpenEmbedded框架重新编译的集成Qt5.7 base以及qtwebengine支持的Toradex Linux image releaseV2.7版本以及对应的SDK。这个可以结合这里的说明自己进行编译,需要修改的文件请参考如下,image更新方法请参考这里。 ./ local.conf 文件 添加如下内容,在生成的image中增加qtwebengine组件 ------------------------------------ #install qt webengine in image IMAGE_INSTALL_append = " qtwebengine qtwebengine-dev" ------------------------------------ ./ packagegroup-qt5-toolchain-target.bb 文件 修改方法参考如下patch文件,用于为生成的SDK 增加qtwebengine支持 https://github.com/simonqin09/Qtwebengine_demo/blob/master/packagegroup-qt5-toolchain_add_webengine.patch c). 关于开发主机SDK安装和Qtcreator开发环境的配置请参考之前发布的《嵌入式Linux基于Qt开发GPIO应用一文》。 d). 演示程序使用的LCD为10inch 18bit LVDS屏幕,请参考这里修改配置uboot显示分辨率为1024x768。 3). QT Webengine 示例程序修改和编译 为了方便,本文演示应用程序直接使用Qt 5.7 自带的 Webengine Quick Nano Brower 示例程序,这是一个基于Qt Quick和 Webengine开发的精简浏览器示例。 a). 为了增加对中文的支持,首先如下修改main.cpp 文件 https://github.com/simonqin09/Qtwebengine_demo/blob/master/patch_add_chinese_font.patch 说明如下: ./ 中文字体文件在运行的时候要放置到上面代码里面设定的 /home/root/fonts/STKAITI.TTF 位置,这个位置也可以自行修改。 ./ 本文所使用的字体文件请从这里下载。 ./ 字体大小这里设置为10,也可以自行修改。 b). 为了适配LCD屏幕,需要修改应用GUI显示分辨率 ./ BrowserWindow.qml 文件,如下修改 ------------------------------------ …… ApplicationWindow { …… width:1024 height: 768 visible: true title:currentWebView && currentWebView.title …… ------------------------------------ b). 配置好交叉编译后,将编译生成的可执行文件quicknanobrower。 4). Qt Webengine程序部署配置 a). 将编译好的可执行程序 quicknanobrower复制到Colibri iMX6模块 “/home/root” 目录下,同时放置字体文件STKAITI.TTF 到 /home/root/fonts 目录下 b). 设置应用开机自启动 ./ qt5-x11-demo-init,程序启动脚本文件 https://github.com/simonqin09/Qtwebengine_demo/blob/master/qt5-x11-demo-init --------------------------------------------------- $ cp qt5-x11-demo-init /usr/bin $ chmod +x qt5-x11-demo-init --------------------------------------------------- ./ qt5-x11-demo.service,systemd自启动配置文件,详细说明可以参考这里。 https://github.com/simonqin09/Qtwebengine_demo/blob/master/qt5-x11-demo.service --------------------------------------------------- $ cp qt5-x11-demo.service /etc/systemd/system/ $ systemctl enable qt5-x11-demo.service --------------------------------------------------- 5). Qt Webengine示例程序演示 a). 开机后,系统自动启动程序,如下所示 6). 总结 本文基于NXP iMX6嵌入式平台在嵌入式linux系统下演示Qt Webengine 示例应用编译和部署,具体实际应用可以参考此示例进行开发。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |