TS-4900 QT5 Hello World: Difference between revisions

From embeddedTS Manuals
No edit summary
(Reorder photos for setup)
 
(9 intermediate revisions by 2 users not shown)
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]]  
|}
|}


There are many options for developing applications with QT, but we will use the default "QT Widgets Application".
Qt provides multiple templates for application development.  For this example select the default <source inline>Qt Widgets Application</source>.


{|  
{|  
| [[File:qtwidgetsapp.png|300px|right|QT Widgets App]]  
| [[File:qtwidgetsapp.png|300px|right|Qt Widgets App]]  
|}
|}


Specify the location for your project.  Keep in mind that the compile process will create additional 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.


{|  
{|  
| [[File:qtintorandlocation.png|300px|right|QT Location]]  
| [[File:qtintorandlocation.png|300px|right|Qt Location]]  
|}
|}


Next, select the kit.  In this case I'm enabling Desktop for testing, and TS-4900.
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]]
|}


Next select the class and filename information.  This example will use the defaults.
{|  
{|  
| [[File:qtselectkit.png|300px|right|QT Select Kit]]  
| [[File:qtselectclasses.png|300px|right|Qt Select Classes]]  
|}
|}


For now I'm using the default class information.  The project management window can also be left with its defaults.  Click "Finish".  This will generate the new project.  Click the button under "Help" on the left column, and select "TS-4900" debug.
Select any version control for the project.  The example will use none and finish the wizard.  This will generate the new project.
{|  
{|  
| [[File:qtselectbuild.png|300px|right|QT Select build]]  
| [[File:qtprojectmanagement.png|300px|right|Qt Project Management]]  
|}
|}


Now return to edit, and open your QT project file (qt5-helloworld.pro).  Add in these lines after the target:
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]]
|}
 
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-* {
     target.path = /home/root/
     target.path = /home/root
     INSTALLS += target
     INSTALLS += target
}
}
</source>
</source>


This will specify where the application gets installed when it is deployed to the device during development.
{|  
{|  
| [[File:qtbuilddepoloypath.png|300px|right|QT Deploy Path]]  
| [[File:qteditprojectfile.png|300px|right|Qt pro file]]
|}
 
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.
 
{|
| [[File:qtcreatorruntimedisplay.png|300px|right|Qt run environment settings]]
|}
 
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>.
 
{|
| [[File:qtbuildanddeploy.png|300px|right|Qt Build and Deploy]]  
|}
|}


At this point you can press the big green allow in the bottom left to run the application, or go to Build->Run to launch the application.  From here, you can begin customizing your application.  Refer to the official QT documentation for more information
From here, you can begin customizing your application.  Refer to the official Qt documentation for more information
* [http://qt-project.org/doc/qt-5/index.html QT5 Documentation]
* [http://qt-project.org/doc/qt-5/index.html Qt 5 Documentation]

Latest revision as of 16:28, 7 April 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 pro file

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 run environment settings

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

Retrieved from "http://docs.embeddedTS.com/index.php?title=TS-4900_QT5_Hello_World&oldid=11791"