topic Re: GUI Guider in i.MX RT Crossover MCUs

GUI Guider

K314X — Wed, 03 Feb 2021 08:05:07 GMT

Hi,

I am discovering how to work with the new Gui Guider tool and I am a bit confused by the workflow. So I started a project from scratch with the application template for the MIMXRT1064-EVK board (with a rk043fn02h Rocketch display). I am able to run on target my project but I am trying to understand how to modify through user code the UI. I do not understand what and where to look at... Are there any official documentation appart from the User Guide ? How do i work with the generated project in the MCUXpressoIDE ?

Thanks for the help

Re: GUI Guider

kerryzhou — Wed, 03 Feb 2021 09:27:54 GMT

Hi K314X,

Which GUI you are using now? Do you use the SDK code for the MIMXR1064 or not?

Eg, emwin_gui

Please give me more information.

Best Regards,

Kerry

Re: GUI Guider

K314X — Wed, 03 Feb 2021 09:54:34 GMT

Hi, thanks for answering.

So like I said I tried multiple projects. I tried the Printer Demo, Animing Demo and making GUIs from the emptyDemo option all with the right board template for the MIMXR1064. From Gui Guider you can run on target and it works. Now I followed the User Gude and exported the generated code. I downloaded the right SDK Code with the LVGS package, imported it to MCUXpresso IDE then created a new project the way it is shown in the User Guide (import SDK example). However i do not have the littlevgl_guider option in th littlevgl_examples folder (step 4 . F). But I took one of the other ones to give a try and created the project. But now i am lost with what was generated ^^. Where can i modify the code to change the behavior of a button for example, like change its background color, without having to go back to the Gui Guider tool ?

I am confused about that workflow by the way. Do i really need to export the code from Gui Guider whenever I do a modification and then modify manually the "custom", "generated", and "source/lv_conf.h" folders of the MCUXpresso IDE project by the one generated by the Gui Guider tool ? Is there a way to have this automatically done ?

Best regards and thanks for the help

Re: GUI Guider

kerryzhou — Thu, 04 Feb 2021 09:12:00 GMT

Hi K314X,

Which detail User Guider you are referring now? From the SDK?

Which SDK version you are using? I need to check more details.

You also can give me some pictures of your questions, it will help me to understand your questions.

This one?

\SDK_2.9.1_EVK-MIMXRT1064\boards\evkmimxrt1064\littlevgl_examples\littlevgl_guider

I can see the littlevgl_guider , so do you download the newest SDK?

Please use the newest SDK and test it again.

Best Regards,

Kerry

Re: GUI Guider

K314X — Thu, 04 Feb 2021 10:36:12 GMT

Hi,

I am referring to the User Guide from the Gui Guider "Help" tab.

User guide

I am using the latest SDK for the 1064, with the right package (LVGL Open Source Graphics Library), also tried with all packages just to make sure I wouldnt miss something.

SDK package/middleware

Latest SDK

I import it to MCUXpresso IDE, use the "import example from SDK" option, but cannot find "littlevgl_guider"

no gui guider example

I will attach the User Guide pdf.

Thanks

Re: GUI Guider

K314X — Thu, 04 Feb 2021 11:13:13 GMT

The User Guide pdf from teh Gui Guider tool wont load here sorry, dont know why

Re: GUI Guider

nxp16 — Mon, 08 Feb 2021 21:35:05 GMT

You're not the only one confused by this new tool. The User Guide is actually just a reference guide for all the menus/options in the IDE and not helpful for someone who doesn't know even how to start making an actual GUI with it. Why is there no tutorial video or document? For instance, how do you start a new gui design, do you need a main "window" or something? How do you add controls inside a container? How do you attach events to things? I added a bunch of widgets to my blank gui and the code it generated just had a bunch of lv_obj pointers in a .h file with no real code to create them or anything else.

-m

Re: GUI Guider

jackking — Tue, 09 Feb 2021 00:05:06 GMT

The LVGL guys have a great "academy" course which covers LVGL. It doesn't use the Gui Guider tool, but it helps with basic understanding. https://lvgl.academy/

I don't think I would use Gui Guider to create an actual gui (yet!).

The code that Gui Guider generates can be overly redundant and complex, compared to something coded by hand.

It is a useful tool to start laying out various widgets, just to get a visual idea of what a GUI should look like.

Re: GUI Guider

kerryzhou — Tue, 09 Feb 2021 07:28:53 GMT

Hi K314X,

Please don't worry, and follow me to try it again.

1. Download the SDK area

Select All, and generate the code and download it again:

2. Do you drag your newest SDK package to the installed SDK?

if you do all these, you should like me can find the related guider project.

Please try it again.

If you still have issues, please kindly let me know.

Best Regards,

kerry

Re: GUI Guider

K314X — Tue, 09 Feb 2021 10:39:47 GMT

Hi,

The issue was that I did not select enough packs I believe, I had LVGS, FREERTOS and others selected but did not want all of them since some seemed to me not relevant for what i wanted to do.

I did have the latest versions and followed the right procedure to install the sdk but could not find the gui guider proejct. When I use "select all" then it is now available.

I guess it doesn't change much if i select all or not even if i don't need them all. I am unsure which ones are the necessary ones though to have the project available but this is not important.

Thanks

Re: GUI Guider

nxp16 — Tue, 09 Feb 2021 22:41:14 GMT

So, I was at the LVGL forum and a huge text area at the top mentions their new UI editor called "Edgeline" and that it's in beta (but not accessible to the public). GUI Guider looks EXACTLY LIKE IT. I'm guessing NXP took/paid-for this half-baked beta and is now shipping it as if it's ready for prime-time.

Re: GUI Guider

kerryzhou — Thu, 18 Feb 2021 08:02:41 GMT

Hi K314X,

Next time, when you download the SDK, you can select the middleware as all, then that SDK will contains the complete the projects.

Wish it helps you!

Best Regards,

Kerry

Re: GUI Guider

brendonslade — Fri, 07 May 2021 21:58:18 GMT

GUI Guider is a completely independent development (by NXP) - Edgeline is developed by LVGL LLC.

I'm sorry you are having issues with GUI Guider; this is our first release of the tool and we are working hard to correct bugs and make functional improvements. We will make another release this month, and two further releases are planned this year.

Re: GUI Guider

brendonslade — Fri, 07 May 2021 22:00:37 GMT

A GUI Guider introductory tutorial is available on the NXP main site:

https://www.nxp.com/design/software/development-software/gui-guider:GUI-GUIDER?tab=Design_Support_Tab