Difference between revisions of "DESK-MX-L-AN-0007: Getting Started With QT Creator"
| Line 5: | Line 5: | ||
dvdk@vagrant-ubuntu-trusty-64:~/axel$ ./qt-creator-opensource.run | dvdk@vagrant-ubuntu-trusty-64:~/axel$ ./qt-creator-opensource.run | ||
</pre> | </pre> | ||
| − | An installation wizard will appear | + | An installation wizard will appear. Clik '''Next''' to proced with the installation. |
[[File:QtCreator XELK 3 0 0 01.png|200px|border|center]] | [[File:QtCreator XELK 3 0 0 01.png|200px|border|center]] | ||
| − | + | Select '''Skip'''. | |
[[File:QtCreator XELK 3 0 0 02.png|200px|border|center]] | [[File:QtCreator XELK 3 0 0 02.png|200px|border|center]] | ||
| − | Select | + | Select '''Next'''. |
[[File:QtCreator XELK 3 0 0 03.png|200px|border|center]] | [[File:QtCreator XELK 3 0 0 03.png|200px|border|center]] | ||
| − | Select Next. | + | |
| + | Select the install directory or click '''Next'''. | ||
[[File:QtCreator XELK 3 0 0 04.png|200px|border|center]] | [[File:QtCreator XELK 3 0 0 04.png|200px|border|center]] | ||
| − | Select | + | Select '''Next'''. |
[[File:QtCreator XELK 3 0 0 05.png|200px|border|center]] | [[File:QtCreator XELK 3 0 0 05.png|200px|border|center]] | ||
| − | + | Click '''Next''' again. | |
[[File:QtCreator XELK 3 0 0 06.png|200px|border|center]] | [[File:QtCreator XELK 3 0 0 06.png|200px|border|center]] | ||
| − | + | And then click '''Install''' and complete the installation. | |
[[File:QtCreator XELK 3 0 0 07.png|200px|border|center]] | [[File:QtCreator XELK 3 0 0 07.png|200px|border|center]] | ||
| Line 38: | Line 39: | ||
== Automatic configuration == | == Automatic configuration == | ||
| − | Now it is necessary to add the definition of your board before | + | Now it is necessary to add the definition of your board before developing and compiling your applications. |
| − | + | In order to add the device information automatically, run the following commands inside your terminal emulator. | |
<pre> | <pre> | ||
| Line 47: | Line 48: | ||
</pre> | </pre> | ||
| − | If the installation process went ok you should see inside the Tools->Options | + | If the installation process went ok, you should see inside the <code><nowiki>Tools</nowiki></code>-><code><nowiki>Options</nowiki></code> -> <code><nowiki>Kits</nowiki></code> a kit named XELK. |
[[File:QtCreator XELK 3 0 0 09.png|400px|border|center]] | [[File:QtCreator XELK 3 0 0 09.png|400px|border|center]] | ||
| Line 56: | Line 57: | ||
== Manual configuration == | == Manual configuration == | ||
| − | + | === Devices === | |
| − | Go to Tools->Options menu Devices | + | Go to <nowiki>Tools</nowiki>-><nowiki>Options</nowiki> menu and select <nowiki>Devices</nowiki> |
[[File:QtCreator XELK 3 0 0 09.png|400px|border|center]] | [[File:QtCreator XELK 3 0 0 09.png|400px|border|center]] | ||
| Line 80: | Line 81: | ||
[[File:QtCreator XELK 3 0 0 26.png|400px|border|center]] | [[File:QtCreator XELK 3 0 0 26.png|400px|border|center]] | ||
| + | |||
| + | === GCC & Cross Compilation === | ||
Next you need to configure the cross compilation tool inside Build & Run -> Compiler. | Next you need to configure the cross compilation tool inside Build & Run -> Compiler. | ||
| Line 102: | Line 105: | ||
[[File:QtCreator XELK 3 0 0 28.png|400px|border|center]] | [[File:QtCreator XELK 3 0 0 28.png|400px|border|center]] | ||
| + | |||
| + | === Debugger GDB === | ||
Now it is necessary to add a debuger. In order to do this go to the Debuggers tab and click add | Now it is necessary to add a debuger. In order to do this go to the Debuggers tab and click add | ||
| Line 116: | Line 121: | ||
[[File:QtCreator XELK 3 0 0 31.png|400px|border|center]] | [[File:QtCreator XELK 3 0 0 31.png|400px|border|center]] | ||
| + | |||
| + | === Qt Version === | ||
Next you need to add the Qt Version installed on your devices. Go to Qt Version click Add and select the following qmake file. | Next you need to add the Qt Version installed on your devices. Go to Qt Version click Add and select the following qmake file. | ||
| Line 124: | Line 131: | ||
[[File:QtCreator XELK 3 0 0 32.png|400px|border|center]] | [[File:QtCreator XELK 3 0 0 32.png|400px|border|center]] | ||
| + | |||
| + | === Kits === | ||
The last step is to add a new kit. Go to Kits and click Add and complete the information as showed below | The last step is to add a new kit. Go to Kits and click Add and complete the information as showed below | ||
| Line 129: | Line 138: | ||
[[File:QtCreator XELK 3 0 0 33.png|400px|border|center]] | [[File:QtCreator XELK 3 0 0 33.png|400px|border|center]] | ||
| + | Pay attention that in Qt mkspec you should write | ||
| + | |||
| + | <pre> | ||
| + | linux-oe-g++ | ||
| + | </pre> | ||
| + | |||
| + | [[File:QtCreator XELK 3 0 0 34.png|400px|border|center]] | ||
| + | |||
| + | After this your setup is complete and you can procede and create your Qt applications. | ||
== Qt application example == | == Qt application example == | ||
| Line 144: | Line 162: | ||
dvdk@vagrant-ubuntu-trusty-64:~$ ./qtcreator-4.3.0/bin/qtcreator | dvdk@vagrant-ubuntu-trusty-64:~$ ./qtcreator-4.3.0/bin/qtcreator | ||
</pre> | </pre> | ||
| − | |||
| − | |||
Close the tab and create a new project. | Close the tab and create a new project. | ||
Revision as of 09:42, 22 February 2018
| HOME | SOMs | SBCs | ToloMEO Embedded Assistant |  GET A QUOTE
|
 ONLINE HELPDESK
|
| Roadmap | IoT Services | ML/AI services | Embedded Design Services |
Contents
Setting up Qt Creator to build for XELK[edit | edit source]
To install Qt Creator inside your toolchain lunch a terminal emulator and run
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 with the installation.
Select Skip.
Select Next.
Select the install directory or click Next.
Select Next.
Click Next again.
And then click Install and complete the installation.
And then click install and complete the installation.
Automatic configuration[edit | edit source]
Now it is necessary to add the definition of your board before developing and compiling your applications.
In order to add the device information automatically, run the following commands inside your terminal emulator.
dvdk@vagrant-ubuntu-trusty-64:~$ cd axel/ dvdk@vagrant-ubuntu-trusty-64:~/axel$ ./qt-post-install.sh
If the installation process went ok, you should see inside the Tools->Options -> Kits a kit named XELK.
Select the Kits tab and make sure that your configurations mateches the one displayed.
Manual configuration[edit | edit source]
Devices[edit | edit source]
Go to Tools->Options menu and select Devices
Select the Devices tab and press Add
Choose the generic linux device
Insert the ip address of your device and the username and password of the root account. Make sure that the device is connected to the network and your virtual machine is configured to use a bridge connection.
If everithing went ok you should see a dialog like the next one
And finally this is how the device window should look like
GCC & Cross Compilation[edit | edit source]
Next you need to configure the cross compilation tool inside Build & Run -> Compiler.
Click Add -> GCC and add the compiler path at
/home/dvdk/axel/sdk/latest/sysroots/x86_64-pokysdk-linux/usr/bin/arm-poky-linux-gnueabi/arm-poky-linux-gnueabi-gcc
And click Apply
Do the same fort the G++ cross compilation tool
/home/dvdk/axel/sdk/latest/sysroots/x86_64-pokysdk-linux/usr/bin/arm-poky-linux-gnueabi/arm-poky-linux-gnueabi-g++
Debugger GDB[edit | edit source]
Now it is necessary to add a debuger. In order to do this go to the Debuggers tab and click add
And then select the GDB debugger at the location
/home/dvdk/axel/sdk/latest/sysroots/x86_64-pokysdk-linux/usr/bin/arm-poky-linux-gnueabi/arm-poky-linux-gnueabi-gdb
and click Apply.
Qt Version[edit | edit source]
Next you need to add the Qt Version installed on your devices. Go to Qt Version click Add and select the following qmake file.
/home/dvdk/axel/sdk/xelk-3.0.1/sysroots/x86_64-pokysdk-linux/usr/bin/qt5/qmake
Kits[edit | edit source]
The last step is to add a new kit. Go to Kits and click Add and complete the information as showed below
Pay attention that in Qt mkspec you should write
linux-oe-g++
After this your setup is complete and you can procede and create your Qt applications.
Qt application example[edit | edit source]
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
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.
