Difference between revisions of "DESK-MX-L-AN-0007: Getting Started With QT Creator"
m (U0007 moved page XELK-AN-004: Getting Started With QT Creator to DESK-MX-L-AN-0007: Getting Started With QT Creator) |
|||
| (32 intermediate revisions by 5 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | = Installing Qt Creator = | |
| − | + | To add this new toolchain to QTCreator, run it | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | = | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | To | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<pre> | <pre> | ||
| − | + | dvdk@vagrant-ubuntu-trusty-64:~$ cd axel/ | |
| + | dvdk@vagrant-ubuntu-trusty-64:~/axel$ ./qt-creator-opensource.run | ||
</pre> | </pre> | ||
| + | An installation wizard will appear | ||
| − | + | [[File:QtCreator XELK 3 0 0 01.png|200px|border|center]] | |
| − | + | Clik Next to proced the installation. | |
| − | + | [[File:QtCreator XELK 3 0 0 02.png|200px|border|center]] | |
| − | + | Select Skip | |
| + | [[File:QtCreator XELK 3 0 0 03.png|200px|border|center]] | ||
| + | Select Next | ||
| + | [[File:QtCreator XELK 3 0 0 04.png|200px|border|center]] | ||
| + | Select the install directory or click Next | ||
| + | [[File:QtCreator XELK 3 0 0 05.png|200px|border|center]] | ||
| + | Select Next | ||
| + | [[File:QtCreator XELK 3 0 0 06.png|200px|border|center]] | ||
| + | [[File:QtCreator XELK 3 0 0 07.png|200px|border|center]] | ||
| + | [[File:QtCreator XELK 3 0 0 08.png|200px|border|center]] | ||
| + | Now it is necessary to add the definition of your board before proceding developing your first application. | ||
| + | For adding the board definition run | ||
<pre> | <pre> | ||
| − | + | dvdk@vagrant-ubuntu-trusty-64:~$ cd axel/ | |
| + | dvdk@vagrant-ubuntu-trusty-64:~/axel$ ./qt-post-install.sh | ||
</pre> | </pre> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Now that the setup is finished, you can create your first application | Now that the setup is finished, you can create your first application | ||
| − | + | Open a new terminal and source the enviroment variables with the command | |
| − | Open a new terminal and source the | ||
| − | |||
<pre> | <pre> | ||
| − | dvdk@vagrant:~ | + | dvdk@vagrant-ubuntu-trusty-64:~$ ./env.sh |
</pre> | </pre> | ||
| − | + | In the same terminal digit the following command if you diden't change the installation directory | |
| − | In the same terminal | ||
| − | |||
<pre> | <pre> | ||
| − | dvdk@vagrant:~$ ./qtcreator-4. | + | dvdk@vagrant-ubuntu-trusty-64:~$ ./qtcreator-4.3.0/bin/qtcreator |
</pre> | </pre> | ||
| − | + | If the installation process went ok you should see inside the Tools->Options menu a Kits named XELK | |
| − | + | [[File:QtCreator XELK 3 0 0 09.png|400px|border|center]] | |
| − | + | Select the Kits tab and make sure that your configurations mateches the one displayed | |
| − | + | [[File:QtCreator XELK 3 0 0 10.png|400px|border|center]] | |
| − | + | Close the tab and create a new project | |
| − | [[File:QtCreator | + | [[File:QtCreator XELK 3 0 0 11.png|400px|border|center]] |
| − | + | Select Application Qt Widgets Application and click Choose... | |
| − | Select Application Qt Widgets Application and click | + | [[File:QtCreator XELK 3 0 0 12.png|400px|border|center]] |
| − | + | Now call the name Test and pres Next | |
| − | [[File:QtCreator | + | [[File:QtCreator XELK 3 0 0 13.png|400px|border|center]] |
| − | + | Select the XELK Kit and click Next | |
| − | Now call the | + | [[File:QtCreator XELK 3 0 0 14.png|400px|border|center]] |
| − | + | Choose the class name for your application | |
| − | [[File:QtCreator | + | [[File:QtCreator XELK 3 0 0 15.png|200px|border|center]] |
| − | + | Click finish and conclude the setup | |
| − | Select the | + | [[File:QtCreator XELK 3 0 0 16.png|400px|border|center]] |
| − | + | Now you will add a button to your application. In order to do this, select from the Edit window and select Test->Forms->mainwindow.ui | |
| − | [[File:QtCreator | + | [[File:QtCreator XELK 3 0 0 17.png|400px|border|center]] |
| − | + | To add a Push Button click on Push Button in the Buttons tab and drag it to the main widown view. In order to edit the text displayed by the label, dubble click it and write "Hello World!" | |
| − | Choose the | + | [[File:QtCreator XELK 3 0 0 18.png|400px|border|center]] |
| − | + | After that, you need to insert the following line inside the Test.pro file | |
| − | [[File:QtCreator | ||
| − | |||
| − | Click | ||
| − | |||
| − | [[File:QtCreator | ||
| − | |||
| − | |||
| − | |||
| − | [[File:QtCreator | ||
| − | |||
| − | |||
| − | |||
| − | [[File:QtCreator | ||
| − | |||
| − | After that, you need to insert the following | ||
| − | |||
<pre> | <pre> | ||
| − | target.path = / | + | target.path = /tmp/Test # path on device |
| + | INSTALLS += target | ||
</pre> | </pre> | ||
| + | Where /temp/Test is the path in which your application will be dowloaded inside the device | ||
| + | [[File:QtCreator XELK 3 0 0 19.png|400px|border|center]] | ||
| + | The last step before running the application inside the device is to select the Project window select the Run configuration and as Arguments | ||
<pre> | <pre> | ||
| − | + | -platform eglfs | |
</pre> | </pre> | ||
| − | + | [[File:QtCreator XELK 3 0 0 20.png|400px|border|center]] | |
| − | + | After these changes you are ready to debug your application directly inside your board with the Run/Debug command | |
| − | + | [[File:QtCreator XELK 3 0 0 21.png|400px|border|center]] | |
| − | [[File:QtCreator | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | After these changes you are ready to debug your application inside your board with the | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Revision as of 16:54, 21 February 2018
| HOME | SOMs | SBCs | ToloMEO Embedded Assistant |  GET A QUOTE
|
 ONLINE HELPDESK
|
| Roadmap | IoT Services | ML/AI services | Embedded Design Services |
Installing Qt Creator[edit | edit source]
To add this new toolchain to QTCreator, run it
dvdk@vagrant-ubuntu-trusty-64:~$ cd axel/ dvdk@vagrant-ubuntu-trusty-64:~/axel$ ./qt-creator-opensource.run
An installation wizard will appear
Clik Next to proced the installation.
Select Skip
Select Next
Select the install directory or click Next
Select Next
Now it is necessary to add the definition of your board before proceding developing your first application. For adding the board definition run
dvdk@vagrant-ubuntu-trusty-64:~$ cd axel/ dvdk@vagrant-ubuntu-trusty-64:~/axel$ ./qt-post-install.sh
Now that the setup is finished, you can create your first application Open a new terminal and source the enviroment variables with the command
dvdk@vagrant-ubuntu-trusty-64:~$ ./env.sh
In the same terminal digit the following command if you diden't change the installation directory
dvdk@vagrant-ubuntu-trusty-64:~$ ./qtcreator-4.3.0/bin/qtcreator
If the installation process went ok you should see inside the Tools->Options menu a Kits named XELK
Select the Kits tab and make sure that your configurations mateches the one displayed
Close the tab and create a new project
Select Application Qt Widgets Application and click Choose...
Now call the name Test and pres Next
Select the XELK Kit and click Next
Choose the class name for your application
Click finish and conclude the setup
Now you will add a button to your application. In order to do this, select from the Edit window and select Test->Forms->mainwindow.ui
To add a Push Button click on Push Button in the Buttons tab and drag it to the main widown view. In order to edit the text displayed by the label, dubble click it and write "Hello World!"
After that, you need to insert the following line inside the Test.pro file
target.path = /tmp/Test # path on device INSTALLS += target
Where /temp/Test is the path in which your application will be dowloaded inside the device
The last step before running the application inside the device is to select the Project window select the Run configuration and as Arguments
-platform eglfs
After these changes you are ready to debug your application directly inside your board with the Run/Debug command
