High level declarative UI framework

キャンセル
次の結果を表示 
表示  限定  | 次の代わりに検索 
もしかして: 

High level declarative UI framework

446件の閲覧回数
MatthewRuzzi
Contributor I

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.

タグ(4)
0 件の賞賛
返信
2 返答(返信)

365件の閲覧回数
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 件の賞賛
返信

300件の閲覧回数
MatthewRuzzi
Contributor I

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 件の賞賛
返信
%3CLINGO-SUB%20id%3D%22lingo-sub-2291348%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3E%E9%AB%98%E3%83%AC%E3%83%99%E3%83%AB%E3%81%AE%E5%AE%A3%E8%A8%80%E5%9E%8BUI%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2291348%22%20slang%3D%22en-US%22%20mode%3D%22CREATE%22%3E%3CP%3Ei.MX%20RT%20%E3%82%AF%E3%83%AD%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%20MCU%20%E7%94%A8%E3%81%AE%E9%AB%98%E3%83%AC%E3%83%99%E3%83%AB%E3%81%AE%E5%AE%A3%E8%A8%80%E5%9E%8B%20UI%20%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%AF%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%81%8B%3FSwift%20%E3%82%84%20JavaScript%20%E3%81%AE%E3%82%88%E3%81%86%E3%81%AA%E9%AB%98%E7%B4%9A%E8%A8%80%E8%AA%9E%E3%81%A7%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E8%A8%98%E8%BF%B0%E3%81%97%E3%80%81SwiftUI%20%E3%82%84%20React%20%E3%81%AB%E4%BC%BC%E3%81%9F%E3%82%82%E3%81%AE%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%20UI%20%E3%82%92%E4%BD%9C%E6%88%90%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%9F%E3%81%84%E3%81%A7%E3%81%99%E3%80%82%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%3E%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF%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%20%E3%80%81%3C%2FP%3E%0A%3CP%3ENXP%20MIMXRT%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA%E3%81%AB%E3%81%94%E8%88%88%E5%91%B3%E3%82%92%E3%81%8A%E6%8C%81%E3%81%A1%E3%81%84%E3%81%9F%E3%81%A0%E3%81%8D%E3%81%82%E3%82%8A%E3%81%8C%E3%81%A8%E3%81%86%E3%81%94%E3%81%96%E3%81%84%E3%81%BE%E3%81%99%E3%80%82%3C%2FP%3E%0A%3CP%3ENXP%20%E3%81%AF%E3%80%81LVGL%20%E3%82%92%E5%9F%BA%E7%9B%A4%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%A8%E3%81%97%E3%81%A6%E3%80%81%E3%81%8A%E5%AE%A2%E6%A7%98%E3%81%8C%20UI%20%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E3%82%92%E8%BF%85%E9%80%9F%E3%81%AB%E9%96%8B%E7%99%BA%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%99%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AB%E3%80%81GuiGuider%20%E3%83%84%E3%83%BC%E3%83%AB%E3%82%92%E5%85%AC%E5%BC%8F%E3%81%AB%E6%8F%90%E4%BE%9B%E3%81%97%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%E3%80%82%E3%81%95%E3%82%89%E3%81%AB%E3%80%81SDK%20%E3%81%AB%E3%81%AF%20emWin%20%E3%81%8A%E3%82%88%E3%81%B3%20VGLite%20%E3%81%AE%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%20%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%8C%E5%90%AB%E3%81%BE%E3%82%8C%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%E3%80%82%E9%AB%98%E6%B0%B4%E6%BA%96%E8%A8%80%E8%AA%9E%E3%81%AE%E5%AE%9F%E8%A3%85%E3%81%AF%E7%8F%BE%E5%9C%A8%E5%85%AC%E5%BC%8F%E3%81%AB%E3%81%AF%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%81%BE%E3%81%9B%E3%82%93%E3%81%8C%E3%80%81%E6%AC%A1%E3%81%AE%E3%82%A2%E3%83%97%E3%83%AD%E3%83%BC%E3%83%81%E3%82%92%E6%A4%9C%E8%A8%8E%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%82%92%E3%81%8A%E5%8B%A7%E3%82%81%E3%81%97%E3%81%BE%E3%81%99%E3%80%82%3C%2FP%3E%0A%3CP%3E1.%20%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%20%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.%20%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.%20%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.%20%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%3E%E3%81%93%E3%82%8C%E3%82%89%E3%81%AE%E3%83%AA%E3%82%BD%E3%83%BC%E3%82%B9%E3%81%8C%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E6%88%90%E9%95%B7%E3%81%AB%E5%88%BA%E6%BF%80%E3%82%92%E4%B8%8E%E3%81%88%E3%82%8B%E3%81%93%E3%81%A8%E3%82%92%E9%A1%98%E3%81%A3%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%E3%80%82%3C%2FP%3E%0A%3CBR%20%2F%3E%0A%3CP%3E%E3%82%88%E3%82%8D%E3%81%97%E3%81%8F%E3%81%8A%E9%A1%98%E3%81%84%E3%81%97%E3%81%BE%E3%81%99%E3%80%81%3CBR%20%2F%3E%E3%82%AE%E3%83%A3%E3%83%93%E3%83%B3%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%3E%E7%8F%BE%E5%9C%A8%E3%81%93%E3%82%8C%E3%81%AB%E5%8F%96%E3%82%8A%E7%B5%84%E3%82%93%E3%81%A7%E3%81%84%E3%82%8B%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AF%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%81%8B%3FSwift%20%E3%82%84%20JavaScript%20%E3%81%AE%E3%82%88%E3%81%86%E3%81%AA%E8%A8%80%E8%AA%9E%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%9F%E3%81%84%E3%81%A7%E3%81%99%E3%80%82%E5%B0%86%E6%9D%A5%E7%9A%84%E3%81%AB%E3%81%93%E3%82%8C%E3%82%92%E5%8F%AF%E8%83%BD%E3%81%AB%E3%81%99%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AB%E7%A7%81%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%93%E3%81%A8%E3%81%AF%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%81%8B%3F%E6%A9%9F%E8%83%BD%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88%E3%82%92%E9%80%81%E4%BF%A1%E3%81%BE%E3%81%9F%E3%81%AF%E6%8A%95%E7%A5%A8%E3%81%99%E3%82%8B%E5%A0%B4%E6%89%80%E3%80%81%E3%81%BE%E3%81%9F%E3%81%AF%E3%81%93%E3%82%8C%E3%82%92%E6%8A%95%E7%A8%BF%E3%81%99%E3%82%8B%E4%BB%96%E3%81%AE%E5%A0%B4%E6%89%80%E3%81%AF%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%81%8B%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E