Integrate Qt5 into yocto sato image on Wandboard

From Wandboard Wiki
Jump to: navigation, search

The guide for building Yocto, please refer to Getting_started_with_Yocto_on_Wandboard.

The guide for adding qt5 recipes into yocto, please refer to Building_Qt5_using_yocto_on_Wandboard.

The following steps is based on Yocto 1.5 and QT 5.1.1 on wandboard ( freescale i.mx6 platform ).

Tweak meta-qt5 recipe

1. When PACKGECONFIG setting with "gles2", the QT configuration always enables EGLFS qpa backends. But we want QT5 with XCB (for X11), so modifying recipe to let EGLFS as an option.

Edit sources/meta-qt5/recipes-qt/qt5/

#PACKAGECONFIG[gles2] = "-opengl es2 -eglfs,,virtual/libgles2 virtual/egl"
PACKAGECONFIG[gles2] = "-opengl es2,,virtual/libgles2 virtual/egl"
PACKAGECONFIG[eglfs] = "-eglfs,-no-eglfs,eglfs"

2. According to

To fix the XCB incompatibility issue and x visual compatibility issue.

Place File:Force egl visual ID 33.patch and File:Fix xcb-1.9.3 compatibility.patch into sources/meta-qt5/recipes-qt/qt5/qtbase-5.1.1

Edit sources/meta-qt5/recipes-qt/qt5/

Add these two patches into SRC_URI.

file://Force_egl_visual_ID_33.patch \
file://Fix_xcb-1.9.3_compatibility.patch \

3. According to

Use glimagesink instead of xvimagesink.

Create a new directory "qtmultimedia-5.1.1" under sources/meta-qt5/recipes-qt/qt5 Place File:Using glimagesink instead of xvimagesink.patch into sources/meta-qt5/recipes-qt/qt5/qtmultimedia-5.1.1

Edit sources/meta-qt5/recipes-qt/qt5/

Add this patch into SRC_URI.

file://Using_glimagesink_instead_of_xvimagesink.patch \
Edit yocto configuration files

Edit build/conf/local.conf to add DISTRO_FEATURES_append.

DISTRO_FEATURES_append = " opengl x11"

Edit build/conf/bblayers.conf to add meta-ruby and meta-qt5 layers.

  ${BSPDIR}/sources/meta-openembedded/meta-ruby \
  ${BSPDIR}/sources/meta-qt5 \
Add QT5 applications and icons on desktop

1. Create a new directory "demo-extrafiles" under sources/meta-qt5/recipes-qt. Extract File:Demo-extrafiles.tar.gz and place all the files under directory "Demo-extrafiles" to "sources/meta-qt5/recipes-qt/demo-extrafiles".

2.Extract File:Qt5 examples.tar.gz and place all the files under directory "Qt5_examples" to "sources/meta-qt5/recipes-qt/examples".

Add a recipe for bitbaking QT5

Extract File:Fsl-image-qt5.tar.gz and place "" to "sources/meta-fsl-demos/recipes-fsl/images".

Bitbake QT5 demo image
$ bitbake fsl-image-qt5
Download prebuilt image


1. Building_Qt5_using_yocto_on_Wandboard



Qt3d-01.png Qtmultimedia-01.png Qtexample-02.png Qtnmapper-01.png Qtopengl-03.png Qtqml glsl-01.png Qtqml-01.png Qtwebkit-02.png