Difference between revisions of "Qt5Creator"

From ESS-WIKI
Jump to: navigation, search
Line 92: Line 92:
 
#Click "Choose..."
 
#Click "Choose..."
 
#;[[File:RK3399 Project 001.png|RTENOTITLE]]
 
#;[[File:RK3399 Project 001.png|RTENOTITLE]]
−
#Use "Hello" as name
+
#Use "hello_qt" as name
−
#Create in "/mnt/sda1/work/qt/qt_PJ"
+
#Create in "/mnt/sda1/work/qt/PJ"
 
#Click "Next"
 
#Click "Next"
−
#;[[File:RK3399 Qt Project local.png|RTENOTITLE]]
+
#;[[File:RK3288 Qt project name local.PNG]]<br/>
−
#Check "RK toolchain"
+
#Check "RK3288 toolchain"
 
#Click "Next".
 
#Click "Next".
−
#;[[File:RK3399 Qt Project toolchain.png|RTENOTITLE]]
+
#;[[File:RK3288 Qt project kit select.png]]<br/>
 
#Use default settings for "Class Information"
 
#Use default settings for "Class Information"
 
#Click "Next"
 
#Click "Next"
−
#;[[File:RK3399 QT Project last.png|RTENOTITLE]]
+
#;[[File:RK3399 QT Project last.png|RTENOTITLE]]<br/>
 
#Use default settings for "Project Management"
 
#Use default settings for "Project Management"
 
#Click "Finish"
 
#Click "Finish"
−
#;[[File:RK3399 Qt Project last2.png|RTENOTITLE]]
+
#;[[File:RK3288 Qt project finish.png]]<br/>
−
#Double click "Hello.pro" to switch to editor window
+
#Double click "hello_qt.pro" to switch to editor window
 
#In new project it is necessary to add following two lines into qt project file.
 
#In new project it is necessary to add following two lines into qt project file.
−
#:<code>target.path = .<br/>INSTALLS += target</code>
+
#:<code>target.path = ./<br/>INSTALLS += target</code><br/>
−
#;[[File:RK3399 Qt Project code002.png|RTENOTITLE]]
+
#;[[File:RK3288 Qt code pro.png]]<br/>
 
#Press "Ctrl+S" to save file.
 
#Press "Ctrl+S" to save file.
 
#Double click "mainwindow.ui" to switch to Design mode
 
#Double click "mainwindow.ui" to switch to Design mode
 
#Drag & drop one Label widget on main form, use property editor on the right side to change text and font size
 
#Drag & drop one Label widget on main form, use property editor on the right side to change text and font size
−
#;[[File:2015-01-30 174418.png|RTENOTITLE]]
+
#;[[File:2015-01-30 174418.png|RTENOTITLE]]<br/>
−
#;[[File:RK3399 Qt Project code003.png|RTENOTITLE]]
+
#;[[File:RK3288 Qt code window size.png]]<br/>
 
#Save all project files using "File" -> "Save All"
 
#Save all project files using "File" -> "Save All"
  

Revision as of 09:20, 5 November 2020


Prerequisites

All operations in this guide are based on Ubuntu 18.04 LTS 64bit only.
First please install Ubuntu 18.04 LTS 64bit* with minimum 2GB memory.

Installing required packages

Please login and perform the following commands: 

$ sudo apt-get install build-essential
$ sudo apt-get install qtcreator
$ sudo apt-get install qt5-default
$ sudo apt-get install qt5-doc
$ sudo apt-get install qt5-doc-html qtbase5-doc-html
$ sudo apt-get install qtbase5-examples

Installing cross toolchain

Please download cross compiler toolchain (Password: 0kkn)first. Then execute the following command to unzip the cross compiler tool to the /opt directory

$ sudo tar -zxf rk3399_toolchain_Qt_V5.12.2.tar.gz -C /opt

Working within QtCreator

Starting the QtCreator

$ qtcreator
  1. The QtCreator's main window shows up.
    RK3399 Qt start init.png
  2. Check QtCreator's version by using "Help" -> "About Qt Creator".
    RTENOTITLE

Configuring the Cross-Compiler Options

  1. Bring up the options dialog using "Tools" -> "Options..."
  2. Select the "Devices" page on the left, and click "Add..."
  3. Select "Generic Linux Device" and click "Start Wizard".
    RTENOTITLE
  4. Specify proper settings and click "Next>"
    RTENOTITLE
  5. Click "Finish"
  6. Device test finished successfully. Click "Close".
    RTENOTITLE

    If device test failed, please go back to specify proper settings.
    RTENOTITLE
    (It is necessary to set a blank password at least, null password does not work.)

    RTENOTITLE
    (It means device's IP is incorrect or some network issues occured.)
  7. Click "Apply"
  8. Select the "Build & Run" page on the left, switch to "Compilers" tab, drop down "Add" menu and choose "GCC-->C++".
  9. Name the compiler as "RK G++"
  10. Click "Browse..." to select "/opt/rk3288_risc/buildroot/output/rockchip_rk3288/host/bin/arm-buildroot-linux-gnueabihf-g++"
  11. Click "Apply"
    RTENOTITLE
  12. Switch to the "Debuggers" tab
  13. Click "Add"
  14. Name the debugger as "RK GDB"
  15. Click "Browse..." to select "/opt/rk3288_risc/buildroot/output/rockchip_rk3288/host/bin/arm-buildroot-linux-gnueabihf-gdb"
  16. Click "Apply"
    RTENOTITLE
  17. Switch to the "Qt Versions" tab.
  18. Check if the "Qt 5.9.4 (host)" is auto detected in "Manual" item ?
    RTENOTITLE
    If not, click "Add..." to choose the proper qmake.
  19. Click "Apply"
  20. Switch to the "Kits" tab.
  21. Click "Add".
  22. Name the kit as "RK toolchain"
  23. Specify the correct "Device Tpye", "Compiler", "Debugger" and "Qt version"
  24. Click "Browse..." to select "/opt/rk3288_risc/buildroot/output/rockchip_rk3288/host/arm-buildroot-linux-gnueabihf/sysroot" as sysroot
  25. Click Apply
    RTENOTITLE
  26. Click OK to finalize the configuration.
  27. Invoke the options dialog again to make sure the "iMX6 toolchain" is default kit.

Creating the Project

  1. Bring up "New" dailog using "File" -> "New File or Project..."
  2. Select "Applications" -> 'Qt Widgets Application"
  3. Click "Choose..."
    RTENOTITLE
  4. Use "hello_qt" as name
  5. Create in "/mnt/sda1/work/qt/PJ"
  6. Click "Next"
    RK3288 Qt project name local.PNG
  7. Check "RK3288 toolchain"
  8. Click "Next".
    RK3288 Qt project kit select.png
  9. Use default settings for "Class Information"
  10. Click "Next"
    RTENOTITLE
  11. Use default settings for "Project Management"
  12. Click "Finish"
    RK3288 Qt project finish.png
  13. Double click "hello_qt.pro" to switch to editor window
  14. In new project it is necessary to add following two lines into qt project file.
    target.path = ./
    INSTALLS += target
    RK3288 Qt code pro.png
  15. Press "Ctrl+S" to save file.
  16. Double click "mainwindow.ui" to switch to Design mode
  17. Drag & drop one Label widget on main form, use property editor on the right side to change text and font size
    RTENOTITLE
    RK3288 Qt code window size.png
  18. Save all project files using "File" -> "Save All"

Building the Project

  1. Switch to "Projects" mode
  2. Check if "build configuration" is set to "Debug".
    RTENOTITLE
  3. Check if "Files to deploy" is correct
    RTENOTITLE
  4. Set environment variable DISPLAY in QtCreator -> Projects -> Run -> Run Environment. The value of DISPLAY is obtained from the rk3399. For example, execute instruction echo $DISPLAY on RK3399.
    RTENOTITLE
  5. Switch to "Edit" mode
  6. Click "Build" using context menu of project "Hello"
    RTENOTITLE
  7. The green "Build" bar means no error occured.
    RTENOTITLE
  8. Press "Alt+4" to show "Compile Output".
    RTENOTITLE

Deploying the Application

  1. Click "Deploy" using context menu of project Hello
    RTENOTITLE
  2. The green "Deploy" bar indicates no error occured.
    RTENOTITLE

Debugging the Application

  1. Click debug icon to start debugging.
    RTENOTITLE
  2. Press "Alt+3" to show "Application Output"
    RTENOTITLE
  3. The "Hello" shows up on primary display.
    RTENOTITLE
  4. Click "stop" to stop debugging.
    RTENOTITLE
  5. The deafult desktop returns back.
    RTENOTITLE
Retrieved from "https://ess-wiki.advantech.com.tw/wiki/index.php?title=Qt5Creator&oldid=19672"