How to create a user friendly GUI on the i.MX 8M Plus EVK Board running a Linux OS

cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

How to create a user friendly GUI on the i.MX 8M Plus EVK Board running a Linux OS

Jump to solution
495 Views
eslam
Contributor I

Hi, 

 

i am using i.MX 8M Plus EVK Board and running on it Linux OS LF_v6.12.34-2.1.0_images_IMX8MPEVK.zip

 

i am trying to create a user friendly GUI to display some data. i have flashed the imx-image-full (all imx-image-full-imx8mpevk.wic). 

 

and in the i.MX Yocto Project User's Guide [UG10164].pdf document it is mentioning  that the fulll image support QT6 but i check the path 

" /usr/share/qt6/examples/webenginewidgets/StyleSheetbrowser" for example but it is not found.

 

eslam_1-1759736386155.png

eslam_2-1759736449928.png

 

 

so please i need to know is it possible to create a GUI using python or QT or something like this? if yes please how to do that?

please suggest.

thanks.

Eslam

0 Kudos
Reply
1 Solution
467 Views
Chavira
NXP TechSupport
NXP TechSupport

Hi @eslam!

Thank you for reaching out to NXP Support!


Unfortunately, our BSP does not include QT examples by default.


To enable QT WebEngine examples, you’ll need to build the full image manually. Please note that QT WebEngine is not compatible with the Chromium layer, so you’ll need to comment out the Chromium layer in your build configuration. Additionally, add the following line to your local.conf file:

 

PACKAGECONFIG_append_pn-qtwebengine = " examples"

 

For GUI development, you can consider using QT, LVGL, or Crank AMETEK.

Here’s an example of LVGL running on an i.MX8MP-EVK board:

 P3T1755 Demo 


Best regards,
Chavira

View solution in original post

0 Kudos
Reply
3 Replies
468 Views
Chavira
NXP TechSupport
NXP TechSupport

Hi @eslam!

Thank you for reaching out to NXP Support!


Unfortunately, our BSP does not include QT examples by default.


To enable QT WebEngine examples, you’ll need to build the full image manually. Please note that QT WebEngine is not compatible with the Chromium layer, so you’ll need to comment out the Chromium layer in your build configuration. Additionally, add the following line to your local.conf file:

 

PACKAGECONFIG_append_pn-qtwebengine = " examples"

 

For GUI development, you can consider using QT, LVGL, or Crank AMETEK.

Here’s an example of LVGL running on an i.MX8MP-EVK board:

 P3T1755 Demo 


Best regards,
Chavira

0 Kudos
Reply
430 Views
eslam
Contributor I
Hi @Chavira,

i have build the demo application and i am trying to execute the demo on my board "i.MX 8M Plus EVK Board" and get this error:

root@imx8mpevk:~/mx_evk# ./demo
sh: ./demo: cannot execute binary file: Exec format error.

is there any this to do first?
0 Kudos
Reply
408 Views
Chavira
NXP TechSupport
NXP TechSupport

Hi @eslam,

Since this post was marked as solved, the internal system no longer notifies me of updates.
For better tracking and a faster response, please open a new thread with more details about your issue.

This will help ensure your request is properly addressed.

Best regards,
Chavira

0 Kudos
Reply
%3CLINGO-SUB%20id%3D%22lingo-sub-2180405%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3EHow%20to%20create%20a%20user%20friendly%20GUI%20on%20the%20i.MX%208M%20Plus%20EVK%20Board%20running%20a%20Linux%20OS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2180405%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3E%3CP%3EHi%2C%26nbsp%3B%3C%2FP%3E%3CBR%20%2F%3E%3CP%3Ei%20am%20using%26nbsp%3Bi.MX%208M%20Plus%20EVK%20Board%20and%20running%20on%20it%20Linux%20OS%26nbsp%3B%3CSTRONG%3ELF_v6.12.34-2.1.0_images_IMX8MPEVK.zip%3C%2FSTRONG%3E.%26nbsp%3B%3C%2FP%3E%3CBR%20%2F%3E%3CP%3Ei%20am%20trying%20to%20create%20a%20user%20friendly%20%3CSTRONG%3EGUI%3C%2FSTRONG%3E%20to%20display%20some%20data.%20i%20have%20flashed%20the%26nbsp%3Bimx-image-full%20%3CSTRONG%3E(all%20imx-image-full-imx8mpevk.wic%3C%2FSTRONG%3E).%26nbsp%3B%3C%2FP%3E%3CBR%20%2F%3E%3CP%3Eand%20in%20the%26nbsp%3B%3CSTRONG%3Ei.MX%20Yocto%20Project%20User's%20Guide%20%5BUG10164%5D.pdf%20%3C%2FSTRONG%3Edocument%20it%26nbsp%3Bis%20mentioning%26nbsp%3B%20that%20the%20fulll%20image%20support%20QT6%20but%20i%20check%20the%20path%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3E%22%20%2Fusr%2Fshare%2Fqt6%2Fexamples%2Fwebenginewidgets%2FStyleSheetbrowser%22%3C%2FSTRONG%3E%20for%20example%20but%20it%20is%20not%20found.%3C%2FP%3E%3CBR%20%2F%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22eslam_1-1759736386155.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3Cspan%20class%3D%22lia-inline-image-display-wrapper%22%20image-alt%3D%22eslam_1-1759736386155.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3Cimg%20src%3D%22https%3A%2F%2Fcommunity.nxp.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F359568i9DC0112D463AC28B%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22eslam_1-1759736386155.png%22%20alt%3D%22eslam_1-1759736386155.png%22%20%2F%3E%3C%2Fspan%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22eslam_2-1759736449928.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3Cspan%20class%3D%22lia-inline-image-display-wrapper%22%20image-alt%3D%22eslam_2-1759736449928.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3Cimg%20src%3D%22https%3A%2F%2Fcommunity.nxp.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F359569iDFAECE598B6111D4%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22eslam_2-1759736449928.png%22%20alt%3D%22eslam_2-1759736449928.png%22%20%2F%3E%3C%2Fspan%3E%3C%2FSPAN%3E%3C%2FP%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CP%3Eso%20please%20i%20need%20to%20know%20is%20it%20possible%20to%20create%20a%20GUI%20using%20python%20or%20QT%20or%20something%20like%20this%3F%20if%20yes%20please%20how%20to%20do%20that%3F%3CBR%20%2F%3E%3CSTRONG%3E%3CBR%20%2F%3E%3C%2FSTRONG%3Eplease%20suggest.%3C%2FP%3E%3CP%3Ethanks.%3C%2FP%3E%3CP%3EEslam%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2180405%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3E%3CLINGO-LABEL%3EGraphics%20%26amp%3B%20Display%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Ei.MX%208M%20%7C%20i.MX%208M%20Mini%20%7C%20i.MX%208M%20Nano%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EYocto%20Project%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2183031%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%20translate%3D%22no%22%3ERe%3A%20How%20to%20create%20a%20user%20friendly%20GUI%20on%20the%20i.MX%208M%20Plus%20EVK%20Board%20running%20a%20Linux%20OS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2183031%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fcommunity.nxp.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F255201%22%20target%3D%22_blank%22%3E%40eslam%3C%2FA%3E%2C%3C%2FP%3E%0A%3CP%3ESince%20this%20post%20was%20marked%20as%20solved%2C%20the%20internal%20system%20no%20longer%20notifies%20me%20of%20updates.%3CBR%20%2F%3EFor%20better%20tracking%20and%20a%20faster%20response%2C%20please%20open%20a%20%3CSTRONG%3Enew%20thread%3C%2FSTRONG%3E%20with%20more%20details%20about%20your%20issue.%3C%2FP%3E%0A%3CP%3EThis%20will%20help%20ensure%20your%20request%20is%20properly%20addressed.%3C%2FP%3E%0A%3CP%3EBest%20regards%2C%3CBR%20%2F%3EChavira%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2181726%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%20translate%3D%22no%22%3ERe%3A%20How%20to%20create%20a%20user%20friendly%20GUI%20on%20the%20i.MX%208M%20Plus%20EVK%20Board%20running%20a%20Linux%20OS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2181726%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3EHi%20%3CA%20href%3D%22https%3A%2F%2Fcommunity.nxp.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F206761%22%20target%3D%22_blank%22%3E%40Chavira%3C%2FA%3E%2C%3CBR%20%2F%3E%3CBR%20%2F%3Ei%20have%20build%20the%20demo%20application%20and%20i%20am%20trying%20to%20execute%20the%20demo%20on%20my%20board%20%22i.MX%208M%20Plus%20EVK%20Board%22%20and%20get%20this%20error%3A%3CBR%20%2F%3E%3CBR%20%2F%3Eroot%40imx8mpevk%3A~%2Fmx_evk%23%20.%2Fdemo%3CBR%20%2F%3Esh%3A%20.%2Fdemo%3A%20cannot%20execute%20binary%20file%3A%20Exec%20format%20error.%3CBR%20%2F%3E%3CBR%20%2F%3Eis%20there%20any%20this%20to%20do%20first%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2180618%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%20translate%3D%22no%22%3ERe%3A%20How%20to%20create%20a%20user%20friendly%20GUI%20on%20the%20i.MX%208M%20Plus%20EVK%20Board%20running%20a%20Linux%20OS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2180618%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fcommunity.nxp.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F255201%22%20target%3D%22_blank%22%3E%40eslam%3C%2FA%3E!%3C%2FP%3E%0A%3CP%3EThank%20you%20for%20reaching%20out%20to%20NXP%20Support!%3C%2FP%3E%0A%3CP%3E%3CBR%20%2F%3EUnfortunately%2C%20our%20BSP%20does%20not%20include%20QT%20examples%20by%20default.%3C%2FP%3E%0A%3CP%3E%3CBR%20%2F%3ETo%20enable%20QT%20WebEngine%20examples%2C%20you%E2%80%99ll%20need%20to%20build%20the%20full%20image%20manually.%20Please%20note%20that%20QT%20WebEngine%20is%20not%20compatible%20with%20the%20Chromium%20layer%2C%20so%20you%E2%80%99ll%20need%20to%20comment%20out%20the%20Chromium%20layer%20in%20your%20build%20configuration.%20Additionally%2C%20add%20the%20following%20line%20to%20your%20local.conf%20file%3A%3C%2FP%3E%0A%3CBR%20%2F%3E%0A%3CPRE%20class%3D%22lia-code-sample%20language-markup%22%3E%3CCODE%3EPACKAGECONFIG_append_pn-qtwebengine%20%3D%20%22%20examples%22%3C%2FCODE%3E%3C%2FPRE%3E%0A%3CBR%20%2F%3E%0A%3CP%3EFor%20GUI%20development%2C%20you%20can%20consider%20using%20QT%2C%20LVGL%2C%20or%20Crank%20AMETEK.%3C%2FP%3E%0A%3CP%3EHere%E2%80%99s%20an%20example%20of%20LVGL%20running%20on%20an%20i.MX8MP-EVK%20board%3A%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fcommunity.nxp.com%2Ft5%2Fi-MX-Processors-Knowledge-Base%2FP3T1755-Demo%2Fta-p%2F1940728%22%20target%3D%22_self%22%3EP3T1755%20Demo%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CBR%20%2F%3EBest%20regards%2C%3CBR%20%2F%3EChavira%3C%2FP%3E%3C%2FLINGO-BODY%3E