GUI Guider

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

GUI Guider

Jump to solution
7,897 Views
K314X
Contributor II

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 

0 Kudos
Reply
1 Solution
7,804 Views
K314X
Contributor II

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

View solution in original post

0 Kudos
Reply
13 Replies
7,870 Views
kerryzhou
NXP TechSupport
NXP TechSupport

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

image.png

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

0 Kudos
Reply
7,865 Views
K314X
Contributor II

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

0 Kudos
Reply
7,867 Views
K314X
Contributor II

Hi,

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

User guideUser 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/middlewareSDK package/middleware

Latest SDKLatest SDK

 

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

no gui guider exampleno gui guider example

I will attach the User Guide pdf.

Thanks

0 Kudos
Reply
7,808 Views
kerryzhou
NXP TechSupport
NXP TechSupport

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:

image.png

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

image.png

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

0 Kudos
Reply
7,805 Views
K314X
Contributor II

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

0 Kudos
Reply
7,722 Views
kerryzhou
NXP TechSupport
NXP TechSupport

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

0 Kudos
Reply
7,891 Views
kerryzhou
NXP TechSupport
NXP TechSupport

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

0 Kudos
Reply
7,889 Views
K314X
Contributor II

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

0 Kudos
Reply
7,832 Views
nxp16
Contributor III

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

0 Kudos
Reply
7,427 Views
brendonslade
NXP TechSupport
NXP TechSupport

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_Ta...

 

 

0 Kudos
Reply
7,826 Views
jackking
Senior Contributor I

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.

7,787 Views
nxp16
Contributor III

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.

0 Kudos
Reply
7,431 Views
brendonslade
NXP TechSupport
NXP TechSupport

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. 

0 Kudos
Reply