High level declarative UI framework

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

High level declarative UI framework

832 Views
MatthewRuzzi
Contributor II

Are there any high level declarative UI frameworks for i.MX RT Crossover MCUs? I would like to be able to write code in a high level language like Swift or JavaScript and create the UI using something similar to SwiftUI or React.

0 Kudos
Reply
2 Replies

751 Views
Gavin_Jia
NXP TechSupport
NXP TechSupport

Hi @MatthewRuzzi ,

Thanks for your interest in NXP MIMXRT series!

NXP officially provides the GuiGuider tool to help customers rapidly develop UI software, with LVGL as its underlying framework. Additionally, the SDK includes sample projects for emWin and VGLite. While high-level language implementations are not currently officially supported, I recommend exploring the following approaches:

1. https://doc.qt.io/QtForMCUs/qtul-zephyr-mimx1060-evk.html

https://www.embeddedartists.com/wp-content/uploads/2023/06/QtMCUs_ProgramDevelopment.pdf

https://www.nxp.com/design/design-center/training/TIP-CREATE-USER-INTERFACE-QT

3. https://docs.microej.com/en/latest/GettingStarted/gettingStartedIMXRT1170.html

4. https://github.com/lvgl/lv_micropython

5. https://www.swift.org/blog/embedded-swift-examples/

 

I hope these resources will inspire your development.

 

Best regards,
Gavin

0 Kudos
Reply

686 Views
MatthewRuzzi
Contributor II

Are there any projects that are currently working on this? I would really like to be able to use a language like Swift or JavaScript. Is there anything that I can do to make it more likely for this to be possible in the future? Are there places that I should submit or vote on feature requests, or other places that I should post this?

0 Kudos
Reply
%3CLINGO-SUB%20id%3D%22lingo-sub-2291348%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3EHigh%20level%20declarative%20UI%20framework%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2291348%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3E%3CP%3EAre%20there%20any%20high%20level%20declarative%20UI%20frameworks%20for%20i.MX%20RT%20Crossover%20MCUs%3F%20I%20would%20like%20to%20be%20able%20to%20write%20code%20in%20a%20high%20level%20language%20like%20Swift%20or%20JavaScript%20and%20create%20the%20UI%20using%20something%20similar%20to%20SwiftUI%20or%20React.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2291418%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%20translate%3D%22no%22%3ERe%3A%20High%20level%20declarative%20UI%20framework%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2291418%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%2F258565%22%20target%3D%22_blank%22%3E%40MatthewRuzzi%3C%2FA%3E%26nbsp%3B%2C%3C%2FP%3E%0A%3CP%3EThanks%20for%20your%20interest%20in%20NXP%20MIMXRT%20series!%3C%2FP%3E%0A%3CP%3ENXP%20officially%20provides%20the%20GuiGuider%20tool%20to%20help%20customers%20rapidly%20develop%20UI%20software%2C%20with%20LVGL%20as%20its%20underlying%20framework.%20Additionally%2C%20the%20SDK%20includes%20sample%20projects%20for%20emWin%20and%20VGLite.%20While%20high-level%20language%20implementations%20are%20not%20currently%20officially%20supported%2C%20I%20recommend%20exploring%20the%20following%20approaches%3A%3C%2FP%3E%0A%3CP%3E1.%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fdoc.qt.io%2FQtForMCUs%2Fqtul-zephyr-mimx1060-evk.html%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fdoc.qt.io%2FQtForMCUs%2Fqtul-zephyr-mimx1060-evk.html%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fwww.embeddedartists.com%2Fwp-content%2Fuploads%2F2023%2F06%2FQtMCUs_ProgramDevelopment.pdf%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fwww.embeddedartists.com%2Fwp-content%2Fuploads%2F2023%2F06%2FQtMCUs_ProgramDevelopment.pdf%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E2%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fwww.nxp.com%2Fdesign%2Fdesign-center%2Ftraining%2FTIP-CREATE-USER-INTERFACE-QT%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fwww.nxp.com%2Fdesign%2Fdesign-center%2Ftraining%2FTIP-CREATE-USER-INTERFACE-QT%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E3.%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fdocs.microej.com%2Fen%2Flatest%2FGettingStarted%2FgettingStartedIMXRT1170.html%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microej.com%2Fen%2Flatest%2FGettingStarted%2FgettingStartedIMXRT1170.html%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E4.%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Flvgl%2Flv_micropython%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2Flvgl%2Flv_micropython%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E5.%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fwww.swift.org%2Fblog%2Fembedded-swift-examples%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.swift.org%2Fblog%2Fembedded-swift-examples%2F%3C%2FA%3E%3C%2FP%3E%0A%3CBR%20%2F%3E%0A%3CP%3EI%20hope%20these%20resources%20will%20inspire%20your%20development.%3C%2FP%3E%0A%3CBR%20%2F%3E%0A%3CP%3EBest%20regards%2C%3CBR%20%2F%3EGavin%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2292951%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%20translate%3D%22no%22%3ERe%3A%20High%20level%20declarative%20UI%20framework%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2292951%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3E%3CP%3EAre%20there%20any%20projects%20that%20are%20currently%20working%20on%20this%3F%20I%20would%20really%20like%20to%20be%20able%20to%20use%20a%20language%20like%20Swift%20or%20JavaScript.%20Is%20there%20anything%20that%20I%20can%20do%20to%20make%20it%20more%20likely%20for%20this%20to%20be%20possible%20in%20the%20future%3F%20Are%20there%20places%20that%20I%20should%20submit%20or%20vote%20on%20feature%20requests%2C%20or%20other%20places%20that%20I%20should%20post%20this%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E