Bureaucrats, dave_user, Administrators
8,226
edits
Changes
→History
!Development Kit version
|-
| 1.0.10
| Jun 2021
|[[AXEL_ULite_SOM/DESK-MX6UL-L/General/Release_Notes#DESK-MX6UL-L_1.0.1|DESK-MX6UL-L 1.0.1]]
|-
|}
==Introduction==
This application note details QT Creator setup and configuration in [[AXEL_ULite_SOM/DESK-MX6UL-L|DESK]] [[AXEL_ULite_SOM/DESK-MX6UL-L/General/DVDK_Virtual_Machine|MVM]]
== Setting up Qt Creator to build for DESK ==
{{ImportantMessage|text=Note: The version of NXP BSP 4.14.98 includes Qt Creator may differ from images below5. The version provided from DESK 1.010.1 release is so the following instructions has been created using Qt Creator 4.115.1 included in the qt-opensource installer for this Qt version.0}}
=== Qt Creator Installation ===
<pre>
</pre>
<pre>
dvdk@vagrant:~/desk-mx-l$ ./qt-opensource-linux-x64-5.10.1.run
</pre>
An installation wizard will appear. Clik '''Next''' to proced with the installation.
[[File:QtCreator_setupQt5.10.1_login.png|400px|border|center]]
Fill the form with ''your information'' and properly activate your account on Qt web site.
[[File:Qt5.1210.7_creat_account1_create_account.png|400px|border|center]]
Select '''Next'''.
[[File:Qt5.1210.7_setup1_setup.png|400px|border|center]]
Select the install directory or click '''Next'''.
[[File:Qt5.1210.7_install_directory1_install_directory.png|400px|border|center]]
Select '''Next'''.
[[File:Qt5.1210.7_install_components1_install_components.png|400px|border|center]]
After carefully reading the ''License Agreement'', ''if you agree'', accept it and then press '''Next''' again.
[[File:Qt5.1210.7_install_license_agreement1_install_license_agreement.png|400px|border|center]]
And then click '''Install''' and complete the installation.
[[File:Qt5.1210.7_installation1_installation.png|400px|border|center]]
Then '''Finish''' to exit the setup wizard.
[[File:Qt5.1210.7_finish1_finish.png|400px|border|center]]
=== Manual configuration ===
Select <code>Devices</code> and click '''Add'''
[[File:QtCreator_devices_addQtCreator_devices.png|600px|border|center]]
Choose the ''Generic Linux device''
Then click '''Next'''.
[[File:QtCreator_connection.png|400px|border|center]] QtCreator asks you to create a deployment key for the target connection: [[File:QtCreator_deployment_key.png|400px|border|center]] If the target data was inserted correctly (IP address, login username) then the key will be correctly deployed into the target: [[File:QtCreator_deployment_key_finishedQtCreator_device_connection.png |400px|border|center]]
If everything went ok pressing ''Finish'' button you should see a dialog like the image below.
And finally this is how the <code>Devices</code> window should look like.
[[File:QtCreator_deviceQtCreator_device_configuration.png|700px|border|center]]
=== GCC & Cross Compilation ===
Next you need to configure the cross compilation tool inside <code>Kits Build & Run -> Compiler</code>.
[[File:QtCreator_kits_compilerQtCreator_build_and_run_compiler.png|400px|border|center]]
Click <code>Add -> GCC</code>, add the compiler path and set (for example) the DESK-MX-GCC compiler name.
And click '''Apply'''.
[[File:QtCreator_kits_compiler_GCCQtCreator_build_run_compiler_GCC.png|400px|border|center]]
Do the same for the C++ cross compilation tool (DESK-MX-GCC+)
</pre>
[[File:QtCreator_kits_compiler_GCCQtCreator_build_run_compiler_GCC+.png|400px|border|center]]
=== Debugger GDB ===
and click '''Apply'''.
[[File:QtCreator_kits_debugger_GDBQtCreator_build_run_debugger_GDB.png|400px|border|center]]
=== Qt Version ===
<pre>
dvdk@vagrant:~/desk-mx-l$ /home/dvdk/Qt5.1210.71/Tools/QtCreator/bin/qtcreator
</pre>
{{ImportantMessage|text=It is important to repeat the previous two step every time you start QTCreator}}
Now click on <code>New Project</code>, select Application Qt Widgets Application and click '''Choose...'''
[[File:QtCreator_new_project.png|400px|border|center]]
Now call the Project ''Test'' and press '''Next'''.
[[File:QtCreator_qtwidgets_test.png|400px|border|center]]
Select the ''DESK Kit'' and click '''Next'''.
[[File:QtCreator_qtwidgets_DESK.png|400px|border|center]]
Choose the ''class'' name for your application.
[[File:QtCreator_qtwidgets_class.png|400px|border|center]]
Click '''Finish''' to conclude the setup.
[[File:QtCreator_qtwidgets_finish.png|400px|border|center]]
To add a clickable button to your application, select the <code>Edit</code> window and select <code>Test -> Forms -> mainwindow.ui</code>
[[File:QtCreator XELK 3 0 0 17.png|400px|border|center]]
Click on Push Button in the Buttons tab and drag it to the main window view. In order to edit the text displayed by the label, double click it and write ''"Hello World!"''.
[[File:QtCreator XELK 3 0 0 18.png|400px|border|center]]
After that, you need to insert the following two line inside the ''Test.pro'' file
<pre>
target.path = /tmp/Test # path on device
</pre>
<pre>
INSTALLS += target
</pre>
Where <code>/temp/Test</code> is the path in which your application will be downloaded 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 configure Qt backend into application command line arguments: open the <code>Project</code> window and select the <code>Run</code> configuration, then type <code>-platform linuxfb</code> into <code>Arguments</code>
[[File:QtCreator_platform_linuxfb.png|400px|border|center]]
After these changes you are ready to debug your application inside your board with the <code>Run/Debug</code> command [[File:QtCreator XELK 3 0 0 35.png|30px]]
[[File:QtCreator XELK 3 0 0 21.png|400px|border|center]]