环境:Qt5.15.1
交叉编译链:海思的板子,arm-himix200-linux-
demo代码:Qt-Qml混合编程
第一步:环境搭建
1:从官网下载源码https://download.qt.io/archive/qt/5.15/5.15.1/single/ qt-everywhere-src-5.15.1.tar.xz
2:解压源码包到你所需要的目录下,解压命令 (1)xz -d qt-everywhere-opensource-src-5.15.1.tar.xz
(2)tar xvf qt-everywhere-opensource-src-5.15.1.tar
3://修改交叉编译gcc
vi qt-everywhere-opensource-src-5.15.1/qtbase/mkspecs/linux-arm-gnueabi-g++/qmake.conf
将“arm-linux-gnueabi-”改为“arm-himix200-linux-”。
4:编译Qt
./configure -release -xplatform linux-arm-gnueabi-g++ -c++std c++11 -prefix /../../qt_vir_keyboard/qt_5.15.1_arm/ -opensource -confirm-license -make libs -no-opengl -nomake tools -nomake examples -nomake tests -skip qt3d -skip qtandroidextras -skip qtcanvas3d -skip qtconnectivity -skip qtdatavis3d -skip qtdoc -skip qtgamepad -skip qtlocation -skip qtmacextras -skip qtmultimedia -skip qtnetworkauth -skip qtpurchasing -skip qtsensors -skip qtspeech -skip qttools -skip qtwebchannel -skip qtwebengine -skip qtwebsockets -skip qtwebview -skip qtwinextras -skip qtx11extras -no-feature-iconv -no-feature-gestures
PS:1、命令执行的当前路径是qt-everywhere-opensource-src-5.15.1/
2、编译参数的选择可参考如下链接:
[编译Qt模块说明](http://c.biancheng.net/view/1842.html)
3、交叉编译链的环境变量配置可自行百度,可修改配置文件,也可通过export PATH="":$PATH 命令,设置临时的
5:等待命令(执行完毕),执行完毕,会有提示信息,就是你配置安装脚本的一些详细说明,以及接下来的操作步骤
6:生成makefile,输入make即可,也可输入make -j4 make -j8
7:make install
总结:上述步骤执行完,如果没有报错,会在你步骤4指定的目录下生成目标文件-prefix /../../qt_vir_keyboard/qt_5.15.1_arm/
第二步:步骤一处理完,可将生成的交叉编译文件拷到板子上,运行程序,进行测试
ps:本人是在win上编写代码,然后,将代码考到linux服务器上,进行编译,再将可执行程序拷到设备上运行,编译及运行命令如下:
编译命令
cd /home/../
cd LoginDemoQml
export PATH="/nfs/../qt_vir_keyboard/qt_5.15.1_arm/bin":$PATH
qmake LoginDemoQml.pro
make
cp -rf ../LoginDemoQml /nfs/../
chmod 777 -R /nfs/../LoginDemoQml
运行命令
mount -t nfs -o nolock 192.168.3.28:/nfs/ /nfsroot/
export QT_ROOT=/mnt/qt_5.15.1_arm
export PATH=$QT_ROOT/bin:$PATH
export QML2_IMPORT_PATH=$QT_ROOT/qml
export LD_LIBRARY_PATH=/lib:/usr/lib:/usr/local/lib:$QT_ROOT/lib
export QT_QPA_PLATFORM_PLUGIN_PATH=$QT_ROOT/plugins
export QT_QPA_PLATFORM=linuxfb:tty=/dev/fb0:mmsize=1920x1080:
export QT_QPA_FONTDIR=$QT_ROOT/lib/fonts
cd /nfsroot/../LoginDemoQml/
./LoginDemoQml -platform linuxfb
PS:运行时会提示很多字体找不到的警告,原因是在/mnt/qt_5.15.1_arm/lib/fonts没有字体库,需要额外添加进来
解决方法:将文件夹目录下的fonts.tar解压到/mnt/qt_5.15.1_arm/lib/fonts目录底下。至于fonts.tar压缩包一般的提供编译链(sdk)厂商都会随开发文档一起给予的,或者在网上搜一个
第三步:调用虚拟键盘
如若需要调用Qt的虚拟键盘,还需要如下配置和环境搭建,ps:以下操作是在步骤一基础上实现
1:编译支持中文的虚拟键盘库
- 进入拼音的源码目录:
(1)cd qt-everywhere-src-5.15.1/qtvirtualkeyboard/src/plugins/pinyin
(2)使用export PATH="":PATH
(3)qmake pinyin.pro,生成Makefile。
(4)make,生成拼音的库。 - 进入/qt-everywhere-src-5.15.1/qtvirtualkeyboard/src/virtualkeyboard/目录,修改virtualkeyboard.pro,在Pro文件中对应的位置加入红色框的内容:
- 进入qt-everywhere-src-5.15.1/qtvirtualkeyboard目录:
1:使用export PATH="":PATH
2:qmake qtvirtualkeyboard.pro
3:make
4:make install - 将步骤一/…/…/qt_vir_keyboard/qt_5.15.1_arm/的文件夹重新拷入开发版,运行并测试
最后,贴出主要的代码
在pro文件中,添加如下代码
static{
QTPLUGIN+=qtvirtualkeyboardplugin
QT+=svg
}
/在main.cpp中添加如下
qputenv("QT_IM_MODULE", QByteArray("qtvirtualkeyboard"));
测试的qml文件代码
import添加组件
import QtQml 2.2
import QtQuick 2.7
import QtQuick.Window 2.2
import QtQuick.Controls 1.4
import QtQuick.VirtualKeyboard 2.15
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
Item{ 不可见元素
id:root ///唯一的标识
width: 200
height: 100
anchors.left: parent.left /布局
anchors.top: parent.top
TextField{ 可输入元素
id:_textField
anchors.left: parent.left
anchors.top: parent.top
//anchors.right: parent.right
//anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom:_inputPannel.top
}
InputPanel{ ///Provides the virtual keyboard UI,提供虚拟键盘窗口,详细说明可查看帮助文档
id: _inputPannel
//width:100 ///虚拟键盘的宽度
y:Qt.inputMethod.visible ? parent.height - _inputPannel.height - 100 : parent.height /虚拟键盘的y轴位置
anchors.left: parent.left ///这些布局与width互斥
anchors.right: parent.right
}
}
}
以下贴出demo运行的图片