TS-4900 QT5 Hello World: Difference between revisions

From embeddedTS Manuals
No edit summary
(Cleanup)
Line 1: Line 1:
Open the Qt Creator IDE and click "New Project".
Open the Qt Creator IDE and click <source inline>New Project</source>.
{|  
{|  
| [[File:qtnewproject.png|300px|right|Qt New Project]]  
| [[File:qtnewproject.png|300px|right|Qt New Project]]  
|}
|}


Qt provides multiple templates for application development.  For this example select the default "Qt Widgets Application".
Qt provides multiple templates for application development.  For this example select the default <source inline>Qt Widgets Application</source>.


{|  
{|  
Line 10: Line 10:
|}
|}


Specify the location for your project.  Keep in mind that the compile process will create more build paths in the "Create In:" path.
Specify the location for your project.  Keep in mind that the compile process will create more build paths in the <source inline>Create In:</source> path.


{|  
{|  
Line 16: Line 16:
|}
|}


Next, select the kit.  The TSIMX6 is the kit we set up in the last section, but you may have other kits preinstalled on your system.  These can be used for testing graphical development on your PC.  Keep in mind distribution versions may contain different functionality.
Next, select the kit.  The <source inline>TSIMX6</source> is the kit we set up in the last section, but you may have other kits pre-installed on your system.  These can be used for testing graphical development on your PC.  Keep in mind distribution versions may contain different functionality.
{|  
{|  
| [[File:qtselectkit.png|300px|right|Qt Select Kit]]  
| [[File:qtselectkit.png|300px|right|Qt Select Kit]]  
Line 31: Line 31:
|}
|}


Click the button under "Help" on the left column, and select "TSIMX6" debug.  If you only have one kit selected this will be default.
Click the button under <source inline>Help</source> on the left column, and select <source inline>TSIMX6</source> debug.  If there is only one kit selected, this will be default.
{|  
{|  
| [[File:qtselectbuild.png|300px|right|Qt Select build]]  
| [[File:qtselectbuild.png|300px|right|Qt Select build]]  
|}
|}


Now return to edit, and open the Qt project file (qt5-helloworld.pro).  Add in these lines anywhere after the target is specified:
Now return to edit, and open the Qt project file, <source inline>qt5-helloworld.pro</source>.  Add in these lines anywhere after the target is specified:
<source lang=bash>
<source lang=bash>
linux-* {
linux-* {
Line 47: Line 47:
| [[File:qtcreatorruntimedisplay.png|300px|right|Qt run environment settings]]  
| [[File:qtcreatorruntimedisplay.png|300px|right|Qt run environment settings]]  
|}
|}
Last, the DISPLAY must be selected.  This is done by setting a run environment variable that will be set when the application is run on the board.
Last, the <source inline>DISPLAY</source> must be selected.  This is done by setting a run environment variable that will be set when the application is run on the board.


{|  
{|  
Line 53: Line 53:
|}
|}


At this point click the green allow in the bottom left to run the application.  This can also be launched from the menu at Build->Run.  
At this point click the green allow in the bottom left to run the application.  This can also be launched from the menu at <source inline>Build->Run</source>.  


{|  
{|  

Revision as of 17:38, 24 March 2020

Open the Qt Creator IDE and click New Project.

Qt New Project

Qt provides multiple templates for application development. For this example select the default Qt Widgets Application.

Qt Widgets App

Specify the location for your project. Keep in mind that the compile process will create more build paths in the Create In: path.

Qt Location

Next, select the kit. The TSIMX6 is the kit we set up in the last section, but you may have other kits pre-installed on your system. These can be used for testing graphical development on your PC. Keep in mind distribution versions may contain different functionality.

Qt Select Kit

Next select the class and filename information. This example will use the defaults.

Qt Select Classes

Select any version control for the project. The example will use none and finish the wizard. This will generate the new project.

Qt Project Management

Click the button under Help on the left column, and select TSIMX6 debug. If there is only one kit selected, this will be default.

Qt Select build

Now return to edit, and open the Qt project file, qt5-helloworld.pro. Add in these lines anywhere after the target is specified:

linux-* {
    target.path = /home/root/
    INSTALLS += target
}
Qt run environment settings

Last, the DISPLAY must be selected. This is done by setting a run environment variable that will be set when the application is run on the board.

Qt pro file

At this point click the green allow in the bottom left to run the application. This can also be launched from the menu at Build->Run.

Qt Build and Deploy

From here, you can begin customizing your application. Refer to the official Qt documentation for more information