Difference between revisions of "RK ALL toolchain Qt 5.11.3"

From ESS-WIKI
Jump to: navigation, search
Line 1: Line 1:
= Prerequisites =
+
<h1>Prerequisites</h1>
  
<span style="color:#FF0000;">Debian10(buster) is highly recommended OS to develop.</span>
+
<p><span style="color:#FF0000;">Debian10(buster) is highly recommended OS to develop.</span></p>
  
== Installing required packages ==
+
<h2>Installing required packages</h2>
  
Please login and perform the following commands:
+
<p>Please login and perform the following commands:</p>
<pre>$ sudo apt-get install -y build-essential  
+
 
 +
<pre>
 +
$ sudo apt-get install -y build-essential  
 
$ sudo apt-get install -y qtcreator  
 
$ sudo apt-get install -y qtcreator  
 
$ sudo apt-get install -y qt5-default  
 
$ sudo apt-get install -y qt5-default  
Line 18: Line 20:
 
</pre>
 
</pre>
  
Link arm-linux-gnu*-8 to arm-linux-gnu* and aarch64-linux-gnu*-8 to aarch64-linux-gnu*:
+
<p>Link arm-linux-gnu*-8 to arm-linux-gnu* and aarch64-linux-gnu*-8 to aarch64-linux-gnu*:</p>
<pre>$ sudo su
+
 
 +
<pre>
 +
$ sudo su
 
$ cd /usr/bin
 
$ cd /usr/bin
$ for f in $(ls arm-linux-gnu*-8);do ln -sf $f $(echo $f|sed "s/-8//");done  
+
$ for f in $(ls arm-linux-gnu*-8);do ln -sf $f $(echo $f|sed &quot;s/-8//&quot;);done  
$ for f in $(ls aarch64-linux-gnu*-8);do ln -sf $f $(echo $f|sed "s/-8//");done
+
$ for f in $(ls aarch64-linux-gnu*-8);do ln -sf $f $(echo $f|sed &quot;s/-8//&quot;);done
 
$ exit
 
$ exit
 
</pre>
 
</pre>
  
 +
<p>&nbsp;</p>
  
 +
<h2>Installing cross toolchain</h2>
  
== Installing cross toolchain ==
+
<p>Please download <a alt="https://pan.baidu.com/s/1JnXJ_X_HRDWoB14VBIq9fA" href="https://pan.baidu.com/s/1JnXJ_X_HRDWoB14VBIq9fA" title="https://pan.baidu.com/s/1JnXJ_X_HRDWoB14VBIq9fA">RK3288</a>(Password: gm9i) 、&nbsp;<a alt="https://pan.baidu.com/s/1OEzbJsgBSo3n5DdwRY2Rag" href="https://pan.baidu.com/s/1OEzbJsgBSo3n5DdwRY2Rag" title="https://pan.baidu.com/s/1OEzbJsgBSo3n5DdwRY2Rag">RK3399</a>(Password: 0kkn)和(Password: ) cross compiler toolchain first. Then execute the following command to unzip the cross compiler tool to the /opt directory</p>
  
Please download [https://pan.baidu.com/s/1JnXJ_X_HRDWoB14VBIq9fA RK3288](Password: gm9i) 、&nbsp;[https://pan.baidu.com/s/1OEzbJsgBSo3n5DdwRY2Rag RK3399](Password: 0kkn)和(Password: ) cross compiler toolchain first. Then execute the following command to unzip the cross compiler tool to the /opt directory
+
<p>For RK3288</p>
  
For RK3288
+
<pre>
<pre>$ sudo rm -rf /opt/toolchain_Qt_V5.11.3/rk3288/
+
$ sudo rm -rf /opt/toolchain_Qt_V5.11.3/rk3288/
 
$ sudo mkdir -p /opt/toolchain_Qt_V5.11.3/rk3288/
 
$ sudo mkdir -p /opt/toolchain_Qt_V5.11.3/rk3288/
 
$ sudo tar -zxf rk3288_toolchain_Qt_V5.11.3_*.tar.gz -C /opt/toolchain_Qt_V5.11.3/rk3288/
 
$ sudo tar -zxf rk3288_toolchain_Qt_V5.11.3_*.tar.gz -C /opt/toolchain_Qt_V5.11.3/rk3288/
 
</pre>
 
</pre>
  
For RK3399
+
<p>For RK3399</p>
<pre>$ sudo rm -rf /opt/toolchain_Qt_V5.11.3/rk3399/  
+
 
 +
<pre>
 +
$ sudo rm -rf /opt/toolchain_Qt_V5.11.3/rk3399/  
 
$ sudo mkdir -p /opt/toolchain_Qt_V5.11.3/rk3399/  
 
$ sudo mkdir -p /opt/toolchain_Qt_V5.11.3/rk3399/  
 
$ sudo tar -zxvf rk3399_toolchain_Qt_V5.11.3_*.tar.gz -C /opt/toolchain_Qt_V5.11.3/rk3399/
 
$ sudo tar -zxvf rk3399_toolchain_Qt_V5.11.3_*.tar.gz -C /opt/toolchain_Qt_V5.11.3/rk3399/
 
</pre>
 
</pre>
  
For RK3568
+
<p>For RK3568</p>
<pre>$ sudo rm -rf /opt/toolchain_Qt_V5.11.3/rk3568/  
+
 
 +
<pre>
 +
$ sudo rm -rf /opt/toolchain_Qt_V5.11.3/rk3568/  
 
$ sudo mkdir -p /opt/toolchain_Qt_V5.11.3/rk3568/  
 
$ sudo mkdir -p /opt/toolchain_Qt_V5.11.3/rk3568/  
$ sudo tar -zxvf rk3568_toolchain_Qt_V5.11.3_*.tar.gz -C /opt/toolchain_Qt_V5.11.3/rk3568/</pre>
+
$ sudo tar -zxvf rk3568_toolchain_Qt_V5.11.3_*.tar.gz -C /opt/toolchain_Qt_V5.11.3/rk3568/
 
+
</pre>
= Working within QtCreator =
 
 
 
The method of using this toolchain with qtcreator is the same as 5.9.4 toolchain. Therefore, you can refer to [http://ess-wiki.advantech.com.tw/view/RK3288_qt5Creator rk3288_qt5Creator.]
 
 
 
However, the following differences need to be noted:
 
  
== Config QtCreator ---- Qt Versions ==
+
<h2>Config QtCreator ---- Qt Versions</h2>
  
#Bring up the options dialog using "Tools" -> "Options..."
+
<ol>
#Select the "Build & Run" page on the left, switch to "Qt Versions" tab, and click "Add..."
+
<li>Bring up the options dialog using &quot;Tools&quot; -&gt; &quot;Options...&quot;</li>
#Select qmake file
+
<li>Select the &quot;Build &amp; Run&quot; page on the left, switch to &quot;Qt Versions&quot; tab, and click &quot;Add...&quot;</li>
#;Select "/opt/toolchain_Qt_V5.11.3/rk3288/sysroot/qmake-debian-buster-armhf".<br/>
+
<li>Select qmake file
#;or&nbsp;
+
<dl>
#;RK3399 Select&nbsp;"/opt/toolchain_Qt_V5.11.3/rk3399/sysroot/qmake".<br/>
+
<dt>Select &quot;/opt/toolchain_Qt_V5.11.3/rk3288/sysroot/qmake-debian-buster-armhf&quot;.</dt>
#;or&nbsp;RK3399 Select&nbsp;"/opt/toolchain_Qt_V5.11.3/rk3399/sysroot/qmake-debian-buster-armhf "
+
<dt>or&nbsp;</dt>
#Input Version name "Qt 5.11.3 (RK3288 )" or "Qt 5.11.3 (RK3399&nbsp;)".
+
<dt>RK3399 Select&nbsp;&quot;/opt/toolchain_Qt_V5.11.3/rk3399/sysroot/qmake&quot;.</dt>
 +
<dt>or&nbsp;RK3399 Select&nbsp;&quot;/opt/toolchain_Qt_V5.11.3/rk3399/sysroot/qmake-debian-buster-armhf &quot;</dt>
 +
</dl>
 +
</li>
 +
<li>Input Version name &quot;Qt 5.11.3 (RK3288 )&quot; or &quot;Qt 5.11.3 (RK3399&nbsp;)&quot;.</li>
 +
</ol>
  
[[File:RK3288 Add Qt Verions.png|RTENOTITLE]]
+
<p><img _fck_mw_filename="RK3288 Add Qt Verions.png" _fck_mw_origimgheight="597" _fck_mw_origimgwidth="1091" alt="RTENOTITLE" src="/wiki/images/0/0f/RK3288_Add_Qt_Verions.png" style="vertical-align:middle;" title="RTENOTITLE" /></p>
  
== Config QtCreator ---- Kits ==
+
<h2>Config QtCreator ---- Kits</h2>
  
#Bring up the options dialog using "Tools" -> "Options..."
+
<ol>
#Select the "Build & Run" page on the left, switch to "Kits" tab, and click "Add..."
+
<li>Bring up the options dialog using &quot;Tools&quot; -&gt; &quot;Options...&quot;</li>
#Click "Add".
+
<li>Select the &quot;Build &amp; Run&quot; page on the left, switch to &quot;Kits&quot; tab, and click &quot;Add...&quot;</li>
 +
<li>Click &quot;Add&quot;.</li>
 +
</ol>
  
;<span style="color:#FF0000;">'''RK3288'''</span>
+
<dl>
;Name
+
<dt><span style="color:#FF0000;"><b>RK3288</b></span></dt>
:input "RK3288 toolchain"
+
<dt>Name</dt>
;Device Tpye
+
<dd>input &quot;RK3288 toolchain&quot;</dd>
:Select "Generic Linux Device"
+
<dt>Device Tpye</dt>
;Device
+
<dd>Select &quot;Generic Linux Device&quot;</dd>
:Select "RK3288"
+
<dt>Device</dt>
;Compiler
+
<dd>Select &quot;RK3288&quot;</dd>
:Select "GCC (C,arm <span style="color:#FF0000;">32</span>bit in /usr/bin)" and "GCC (C++,arm <span style="color:#FF0000;">32</span>bit in /usr/bin)"
+
<dt>Compiler</dt>
;Qt version
+
<dd>Select &quot;GCC (C,arm <span style="color:#FF0000;">32</span>bit in /usr/bin)&quot; and &quot;GCC (C++,arm <span style="color:#FF0000;">32</span>bit in /usr/bin)&quot;</dd>
:Select "Qt 5.11.3 (RK3288)"<br/>
+
<dt>Qt version</dt>
:<br/>
+
<dd>Select &quot;Qt 5.11.3 (RK3288)&quot;</dd>
:
+
<dd>&nbsp;</dd>
 +
<dd>&nbsp;</dd>
 +
</dl>
  
<span style="color:#FF0000;">'''RK3399'''</span>
+
<p><span style="color:#FF0000;"><b>RK3399</b></span></p>
  
;Name
+
<dl>
:input "RK3399 toolchain"
+
<dt>Name</dt>
;Device Tpye
+
<dd>input &quot;RK3399 toolchain&quot;</dd>
:Select "Generic Linux Device"
+
<dt>Device Tpye</dt>
;Device
+
<dd>Select &quot;Generic Linux Device&quot;</dd>
:Select "RK3399"
+
<dt>Device</dt>
;Compiler
+
<dd>Select &quot;RK3399&quot;</dd>
:Select "GCC (C,arm <span style="color:#FF0000;">64</span>bit in /usr/bin)" and "GCC (C++,arm <span style="color:#FF0000;">64</span>bit in /usr/bin)"
+
<dt>Compiler</dt>
;Qt version
+
<dd>Select &quot;GCC (C,arm <span style="color:#FF0000;">64</span>bit in /usr/bin)&quot; and &quot;GCC (C++,arm <span style="color:#FF0000;">64</span>bit in /usr/bin)&quot;</dd>
:Select "Qt 5.11.3 (RK3399)"
+
<dt>Qt version</dt>
:<br/>
+
<dd>Select &quot;Qt 5.11.3 (RK3399)&quot;</dd>
:<br/>
+
<dd>&nbsp;</dd>
 +
<dd>&nbsp;</dd>
 +
</dl>
  
[[File:RK3288 Add Kits.png|RTENOTITLE]]
+
<p><img _fck_mw_filename="RK3288 Add Kits.png" _fck_mw_origimgheight="597" _fck_mw_origimgwidth="1091" alt="RTENOTITLE" src="/wiki/images/b/b1/RK3288_Add_Kits.png" style="vertical-align:middle;" title="RTENOTITLE" /></p>
  
== Creating the Project ==
+
<h2>Creating the Project</h2>
  
#Bring up "New" dailog using "File" -> "New File or Project..."
+
<ol>
#Select "Applications" -> 'Qt Widgets Application"
+
<li>Bring up &quot;New&quot; dailog using &quot;File&quot; -&gt; &quot;New File or Project...&quot;</li>
#Click "Choose..."
+
<li>Select &quot;Applications&quot; -&gt; &#39;Qt Widgets Application&quot;</li>
#;[[File:RK3399 Project 001.png|RTENOTITLE]]
+
<li>Click &quot;Choose...&quot;
#Use "Hello" as name
+
<dl>
#Create in "/mnt/sda1/work/qt/qt_PJ"
+
<dt><img _fck_mw_filename="RK3399 Project 001.png" _fck_mw_origimgheight="733" _fck_mw_origimgwidth="1308" alt="RTENOTITLE" src="/wiki/images/4/4b/RK3399_Project_001.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
#Click "Next"
+
</dl>
#;[[File:RK3399 Qt Project local.png|RTENOTITLE]]
+
</li>
#Check "RK toolchain"
+
<li>Use &quot;Hello&quot; as name</li>
#Click "Next".
+
<li>Create in &quot;/mnt/sda1/work/qt/qt_PJ&quot;</li>
#;[[File:RK3399 Qt Project toolchain.png|RTENOTITLE]]
+
<li>Click &quot;Next&quot;
#Use default settings for "Class Information"
+
<dl>
#Click "Next"
+
<dt><img _fck_mw_filename="RK3399 Qt Project local.png" _fck_mw_origimgheight="128" _fck_mw_origimgwidth="738" alt="RTENOTITLE" src="/wiki/images/7/7f/RK3399_Qt_Project_local.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
#;[[File:RK3399 QT Project last.png|RTENOTITLE]]
+
</dl>
#Use default settings for "Project Management"
+
</li>
#Click "Finish"
+
<li>Check &quot;RK toolchain&quot;</li>
#;[[File:RK3399 Qt Project last2.png|RTENOTITLE]]
+
<li>Click &quot;Next&quot;.
#Double click "Hello.pro" to switch to editor window
+
<dl>
#In new project it is necessary to add following two lines into qt project file.
+
<dt><img _fck_mw_filename="RK3399 Qt Project toolchain.png" _fck_mw_origimgheight="736" _fck_mw_origimgwidth="1305" alt="RTENOTITLE" src="/wiki/images/b/b2/RK3399_Qt_Project_toolchain.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
#:<code>target.path = .<br/>INSTALLS += target</code>
+
</dl>
#;[[File:RK3399 Qt Project code002.png|RTENOTITLE]]
+
</li>
#Press "Ctrl+S" to save file.
+
<li>Use default settings for &quot;Class Information&quot;</li>
#Double click "mainwindow.ui" to switch to Design mode
+
<li>Click &quot;Next&quot;
#Drag & drop one Label widget on main form, use property editor on the right side to change text and font size
+
<dl>
#;[[File:2015-01-30 174418.png|RTENOTITLE]]
+
<dt><img _fck_mw_filename="RK3399 QT Project last.png" _fck_mw_origimgheight="731" _fck_mw_origimgwidth="1304" alt="RTENOTITLE" src="/wiki/images/7/7c/RK3399_QT_Project_last.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
#;[[File:RK3399 Qt Project code003.png|RTENOTITLE]]
+
</dl>
#Save all project files using "File" -> "Save All"
+
</li>
 +
<li>Use default settings for &quot;Project Management&quot;</li>
 +
<li>Click &quot;Finish&quot;
 +
<dl>
 +
<dt><img _fck_mw_filename="RK3399 Qt Project last2.png" _fck_mw_origimgheight="725" _fck_mw_origimgwidth="1305" alt="RTENOTITLE" src="/wiki/images/7/7c/RK3399_Qt_Project_last2.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
 +
</dl>
 +
</li>
 +
<li>Double click &quot;Hello.pro&quot; to switch to editor window</li>
 +
<li>In new project it is necessary to add following two lines into qt project file.
 +
<dl>
 +
<dd><code>target.path = .<br />
 +
INSTALLS += target</code></dd>
 +
<dt><img _fck_mw_filename="RK3399 Qt Project code002.png" _fck_mw_origimgheight="740" _fck_mw_origimgwidth="1400" alt="RTENOTITLE" src="/wiki/images/0/0b/RK3399_Qt_Project_code002.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
 +
</dl>
 +
</li>
 +
<li>Press &quot;Ctrl+S&quot; to save file.</li>
 +
<li>Double click &quot;mainwindow.ui&quot; to switch to Design mode</li>
 +
<li>Drag &amp; drop one Label widget on main form, use property editor on the right side to change text and font size
 +
<dl>
 +
<dt><img _fck_mw_filename="2015-01-30 174418.png" _fck_mw_origimgheight="338" _fck_mw_origimgwidth="279" alt="RTENOTITLE" src="/wiki/images/3/31/2015-01-30_174418.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
 +
<dt><img _fck_mw_filename="RK3399 Qt Project code003.png" _fck_mw_origimgheight="740" _fck_mw_origimgwidth="1400" alt="RTENOTITLE" src="/wiki/images/3/3c/RK3399_Qt_Project_code003.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
 +
</dl>
 +
</li>
 +
<li>Save all project files using &quot;File&quot; -&gt; &quot;Save All&quot;</li>
 +
</ol>
  
== Building the Project ==
+
<h2>Building the Project</h2>
  
#Switch to "Projects" mode
+
<ol>
#Check if "build configuration" is set to "Debug".
+
<li>Switch to &quot;Projects&quot; mode</li>
#;[[File:RK3399 Qt debug setting.png|RTENOTITLE]]
+
<li>Check if &quot;build configuration&quot; is set to &quot;Debug&quot;.
#Check if "Files to deploy" is correct
+
<dl>
#;[[File:RK3399 Qt run setting.png|RTENOTITLE]]
+
<dt><img _fck_mw_filename="RK3399 Qt debug setting.png" _fck_mw_origimgheight="740" _fck_mw_origimgwidth="1400" alt="RTENOTITLE" src="/wiki/images/a/a8/RK3399_Qt_debug_setting.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
#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.
+
</dl>
#;[[File:RK3399 Qt ENV Display.png|RTENOTITLE]]
+
</li>
#Switch to "Edit" mode
+
<li>Check if &quot;Files to deploy&quot; is correct
#Click "Build" using context menu of project "Hello"
+
<dl>
#;[[File:RK3399 Qt build start.png|RTENOTITLE]]
+
<dt><img _fck_mw_filename="RK3399 Qt run setting.png" _fck_mw_origimgheight="740" _fck_mw_origimgwidth="1400" alt="RTENOTITLE" src="/wiki/images/8/8c/RK3399_Qt_run_setting.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
#The green "Build" bar means no error occured.
+
</dl>
#;[[File:RK3399 Qt build status.png|RTENOTITLE]]
+
</li>
#Press "Alt+4" to show "Compile Output".&nbsp;[[File:RK3399 Qt build output.png|RTENOTITLE]]
+
<li>Set environment variable DISPLAY in QtCreator -&gt; Projects -&gt; Run -&gt; Run Environment. The value of DISPLAY is obtained from the rk3399. For example, execute instruction <i><b>echo $DISPLAY</b></i> on RK3399.
 +
<dl>
 +
<dt><img _fck_mw_filename="RK3399 Qt ENV Display.png" _fck_mw_origimgheight="740" _fck_mw_origimgwidth="1400" alt="RTENOTITLE" src="/wiki/images/f/f4/RK3399_Qt_ENV_Display.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
 +
</dl>
 +
</li>
 +
<li>Switch to &quot;Edit&quot; mode</li>
 +
<li>Click &quot;Build&quot; using context menu of project &quot;Hello&quot;
 +
<dl>
 +
<dt><img _fck_mw_filename="RK3399 Qt build start.png" _fck_mw_origimgheight="640" _fck_mw_origimgwidth="1212" alt="RTENOTITLE" src="/wiki/images/d/d6/RK3399_Qt_build_start.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
 +
</dl>
 +
</li>
 +
<li>The green &quot;Build&quot; bar means no error occured.
 +
<dl>
 +
<dt><img _fck_mw_filename="RK3399 Qt build status.png" _fck_mw_origimgheight="28" _fck_mw_origimgwidth="996" alt="RTENOTITLE" src="/wiki/images/5/5c/RK3399_Qt_build_status.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
 +
</dl>
 +
</li>
 +
<li>Press &quot;Alt+4&quot; to show &quot;Compile Output&quot;.&nbsp;<img _fck_mw_filename="RK3399 Qt build output.png" _fck_mw_origimgheight="740" _fck_mw_origimgwidth="1400" alt="RTENOTITLE" src="/wiki/images/a/af/RK3399_Qt_build_output.png" style="vertical-align:middle;" title="RTENOTITLE" /></li>
 +
</ol>
  
== Deploying the Application ==
+
<h2>Deploying the Application</h2>
  
#Click "Deploy" using context menu of project Hello[[File:RK3399 Qt deploy start.PNG|RTENOTITLE]]
+
<ol>
#The green "Deploy" bar indicates no error occured.[[File:RK3399 Qt deploy output.png|RTENOTITLE]]
+
<li>Click &quot;Deploy&quot; using context menu of project Hello<img _fck_mw_filename="RK3399 Qt deploy start.PNG" _fck_mw_origimgheight="532" _fck_mw_origimgwidth="1008" alt="RTENOTITLE" src="/wiki/images/c/c1/RK3399_Qt_deploy_start.PNG" style="vertical-align:middle;" title="RTENOTITLE" /></li>
 +
<li>The green &quot;Deploy&quot; bar indicates no error occured.<img _fck_mw_filename="RK3399 Qt deploy output.png" _fck_mw_origimgheight="367" _fck_mw_origimgwidth="996" alt="RTENOTITLE" src="/wiki/images/3/35/RK3399_Qt_deploy_output.png" style="vertical-align:middle;" title="RTENOTITLE" /></li>
 +
</ol>
  
== Debugging the Application ==
+
<h2>Debugging the Application</h2>
  
#Click debug icon to start debugging.
+
<ol>
#;[[File:RK3399 Qt debug start.png|RTENOTITLE]]
+
<li>Click debug icon to start debugging.
#Press "Alt+3" to show "Application Output"[[File:RK3399 Qt debug output.png|RTENOTITLE]]
+
<dl>
#The "Hello" shows up on primary display.
+
<dt><img _fck_mw_filename="RK3399 Qt debug start.png" _fck_mw_origimgheight="197" _fck_mw_origimgwidth="60" alt="RTENOTITLE" src="/wiki/images/1/17/RK3399_Qt_debug_start.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
#;[[File:RK3399 Qt result show.png|RTENOTITLE]]
+
</dl>
#Click "stop" to stop debugging.
+
</li>
#;[[File:RK3399 Qt debug stop.png|RTENOTITLE]]
+
<li>Press &quot;Alt+3&quot; to show &quot;Application Output&quot;<img _fck_mw_filename="RK3399 Qt debug output.png" _fck_mw_origimgheight="366" _fck_mw_origimgwidth="994" alt="RTENOTITLE" src="/wiki/images/7/75/RK3399_Qt_debug_output.png" style="vertical-align:middle;" title="RTENOTITLE" /></li>
#The deafult desktop returns back.[[File:RK3399 Qt default Desktop.png|RTENOTITLE]]
+
<li>The &quot;Hello&quot; shows up on primary display.
 +
<dl>
 +
<dt><img _fck_mw_filename="RK3399 Qt result show.png" _fck_mw_origimgheight="327" _fck_mw_origimgwidth="404" alt="RTENOTITLE" src="/wiki/images/a/ac/RK3399_Qt_result_show.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
 +
</dl>
 +
</li>
 +
<li>Click &quot;stop&quot; to stop debugging.
 +
<dl>
 +
<dt><img _fck_mw_filename="RK3399 Qt debug stop.png" _fck_mw_origimgheight="55" _fck_mw_origimgwidth="346" alt="RTENOTITLE" src="/wiki/images/0/02/RK3399_Qt_debug_stop.png" style="vertical-align:middle;" title="RTENOTITLE" /></dt>
 +
</dl>
 +
</li>
 +
<li>The deafult desktop returns back.<img _fck_mw_filename="RK3399 Qt default Desktop.png" _fck_mw_origimgheight="720" _fck_mw_origimgwidth="1280" alt="RTENOTITLE" src="/wiki/images/6/60/RK3399_Qt_default_Desktop.png" style="vertical-align:middle;" title="RTENOTITLE" /></li>
 +
</ol>

Revision as of 09:28, 6 August 2023

Prerequisites

Debian10(buster) is highly recommended OS to develop.

Installing required packages

Please login and perform the following commands:

$ sudo apt-get install -y build-essential 
$ sudo apt-get install -y qtcreator 
$ sudo apt-get install -y qt5-default 
$ sudo apt-get install -y qt5-doc 
$ sudo apt-get install -y qt5-doc-html qtbase5-doc-html 
$ sudo apt-get install -y qtbase5-examples 
$ sudo apt-get install -y qt5-qmake 
$ sudo apt-get install -y rsync
$ sudo apt-get install -y gcc-8-arm-linux-gnueabihf g++-8-arm-linux-gnueabihf
$ sudo apt-get install -y gcc-8-aarch64-linux-gnu g++-8-aarch64-linux-gnu

Link arm-linux-gnu*-8 to arm-linux-gnu* and aarch64-linux-gnu*-8 to aarch64-linux-gnu*:

$ sudo su
$ cd /usr/bin
$ for f in $(ls arm-linux-gnu*-8);do ln -sf $f $(echo $f|sed "s/-8//");done 
$ for f in $(ls aarch64-linux-gnu*-8);do ln -sf $f $(echo $f|sed "s/-8//");done
$ exit

 

Installing cross toolchain

Please download <a alt="https://pan.baidu.com/s/1JnXJ_X_HRDWoB14VBIq9fA" href="https://pan.baidu.com/s/1JnXJ_X_HRDWoB14VBIq9fA" title="https://pan.baidu.com/s/1JnXJ_X_HRDWoB14VBIq9fA">RK3288</a>(Password: gm9i) 、 <a alt="https://pan.baidu.com/s/1OEzbJsgBSo3n5DdwRY2Rag" href="https://pan.baidu.com/s/1OEzbJsgBSo3n5DdwRY2Rag" title="https://pan.baidu.com/s/1OEzbJsgBSo3n5DdwRY2Rag">RK3399</a>(Password: 0kkn)和(Password: ) cross compiler toolchain first. Then execute the following command to unzip the cross compiler tool to the /opt directory

For RK3288

$ sudo rm -rf /opt/toolchain_Qt_V5.11.3/rk3288/
$ sudo mkdir -p /opt/toolchain_Qt_V5.11.3/rk3288/
$ sudo tar -zxf rk3288_toolchain_Qt_V5.11.3_*.tar.gz -C /opt/toolchain_Qt_V5.11.3/rk3288/

For RK3399

$ sudo rm -rf /opt/toolchain_Qt_V5.11.3/rk3399/ 
$ sudo mkdir -p /opt/toolchain_Qt_V5.11.3/rk3399/ 
$ sudo tar -zxvf rk3399_toolchain_Qt_V5.11.3_*.tar.gz -C /opt/toolchain_Qt_V5.11.3/rk3399/

For RK3568

$ sudo rm -rf /opt/toolchain_Qt_V5.11.3/rk3568/ 
$ sudo mkdir -p /opt/toolchain_Qt_V5.11.3/rk3568/ 
$ sudo tar -zxvf rk3568_toolchain_Qt_V5.11.3_*.tar.gz -C /opt/toolchain_Qt_V5.11.3/rk3568/

Config QtCreator ---- Qt Versions

  1. Bring up the options dialog using "Tools" -> "Options..."
  2. Select the "Build & Run" page on the left, switch to "Qt Versions" tab, and click "Add..."
  3. Select qmake file
    Select "/opt/toolchain_Qt_V5.11.3/rk3288/sysroot/qmake-debian-buster-armhf".
    or 
    RK3399 Select "/opt/toolchain_Qt_V5.11.3/rk3399/sysroot/qmake".
    or RK3399 Select "/opt/toolchain_Qt_V5.11.3/rk3399/sysroot/qmake-debian-buster-armhf "
  4. Input Version name "Qt 5.11.3 (RK3288 )" or "Qt 5.11.3 (RK3399 )".

<img _fck_mw_filename="RK3288 Add Qt Verions.png" _fck_mw_origimgheight="597" _fck_mw_origimgwidth="1091" alt="RTENOTITLE" src="/wiki/images/0/0f/RK3288_Add_Qt_Verions.png" style="vertical-align:middle;" title="RTENOTITLE" />

Config QtCreator ---- Kits

  1. Bring up the options dialog using "Tools" -> "Options..."
  2. Select the "Build & Run" page on the left, switch to "Kits" tab, and click "Add..."
  3. Click "Add".
RK3288
Name
input "RK3288 toolchain"
Device Tpye
Select "Generic Linux Device"
Device
Select "RK3288"
Compiler
Select "GCC (C,arm 32bit in /usr/bin)" and "GCC (C++,arm 32bit in /usr/bin)"
Qt version
Select "Qt 5.11.3 (RK3288)"
 
 

RK3399

Name
input "RK3399 toolchain"
Device Tpye
Select "Generic Linux Device"
Device
Select "RK3399"
Compiler
Select "GCC (C,arm 64bit in /usr/bin)" and "GCC (C++,arm 64bit in /usr/bin)"
Qt version
Select "Qt 5.11.3 (RK3399)"
 
 

<img _fck_mw_filename="RK3288 Add Kits.png" _fck_mw_origimgheight="597" _fck_mw_origimgwidth="1091" alt="RTENOTITLE" src="/wiki/images/b/b1/RK3288_Add_Kits.png" style="vertical-align:middle;" title="RTENOTITLE" />

Creating the Project

  1. Bring up "New" dailog using "File" -> "New File or Project..."
  2. Select "Applications" -> 'Qt Widgets Application"
  3. Click "Choose..."
    <img _fck_mw_filename="RK3399 Project 001.png" _fck_mw_origimgheight="733" _fck_mw_origimgwidth="1308" alt="RTENOTITLE" src="/wiki/images/4/4b/RK3399_Project_001.png" style="vertical-align:middle;" title="RTENOTITLE" />
  4. Use "Hello" as name
  5. Create in "/mnt/sda1/work/qt/qt_PJ"
  6. Click "Next"
    <img _fck_mw_filename="RK3399 Qt Project local.png" _fck_mw_origimgheight="128" _fck_mw_origimgwidth="738" alt="RTENOTITLE" src="/wiki/images/7/7f/RK3399_Qt_Project_local.png" style="vertical-align:middle;" title="RTENOTITLE" />
  7. Check "RK toolchain"
  8. Click "Next".
    <img _fck_mw_filename="RK3399 Qt Project toolchain.png" _fck_mw_origimgheight="736" _fck_mw_origimgwidth="1305" alt="RTENOTITLE" src="/wiki/images/b/b2/RK3399_Qt_Project_toolchain.png" style="vertical-align:middle;" title="RTENOTITLE" />
  9. Use default settings for "Class Information"
  10. Click "Next"
    <img _fck_mw_filename="RK3399 QT Project last.png" _fck_mw_origimgheight="731" _fck_mw_origimgwidth="1304" alt="RTENOTITLE" src="/wiki/images/7/7c/RK3399_QT_Project_last.png" style="vertical-align:middle;" title="RTENOTITLE" />
  11. Use default settings for "Project Management"
  12. Click "Finish"
    <img _fck_mw_filename="RK3399 Qt Project last2.png" _fck_mw_origimgheight="725" _fck_mw_origimgwidth="1305" alt="RTENOTITLE" src="/wiki/images/7/7c/RK3399_Qt_Project_last2.png" style="vertical-align:middle;" title="RTENOTITLE" />
  13. Double click "Hello.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
    <img _fck_mw_filename="RK3399 Qt Project code002.png" _fck_mw_origimgheight="740" _fck_mw_origimgwidth="1400" alt="RTENOTITLE" src="/wiki/images/0/0b/RK3399_Qt_Project_code002.png" style="vertical-align:middle;" title="RTENOTITLE" />
  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
    <img _fck_mw_filename="2015-01-30 174418.png" _fck_mw_origimgheight="338" _fck_mw_origimgwidth="279" alt="RTENOTITLE" src="/wiki/images/3/31/2015-01-30_174418.png" style="vertical-align:middle;" title="RTENOTITLE" />
    <img _fck_mw_filename="RK3399 Qt Project code003.png" _fck_mw_origimgheight="740" _fck_mw_origimgwidth="1400" alt="RTENOTITLE" src="/wiki/images/3/3c/RK3399_Qt_Project_code003.png" style="vertical-align:middle;" title="RTENOTITLE" />
  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".
    <img _fck_mw_filename="RK3399 Qt debug setting.png" _fck_mw_origimgheight="740" _fck_mw_origimgwidth="1400" alt="RTENOTITLE" src="/wiki/images/a/a8/RK3399_Qt_debug_setting.png" style="vertical-align:middle;" title="RTENOTITLE" />
  3. Check if "Files to deploy" is correct
    <img _fck_mw_filename="RK3399 Qt run setting.png" _fck_mw_origimgheight="740" _fck_mw_origimgwidth="1400" alt="RTENOTITLE" src="/wiki/images/8/8c/RK3399_Qt_run_setting.png" style="vertical-align:middle;" title="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.
    <img _fck_mw_filename="RK3399 Qt ENV Display.png" _fck_mw_origimgheight="740" _fck_mw_origimgwidth="1400" alt="RTENOTITLE" src="/wiki/images/f/f4/RK3399_Qt_ENV_Display.png" style="vertical-align:middle;" title="RTENOTITLE" />
  5. Switch to "Edit" mode
  6. Click "Build" using context menu of project "Hello"
    <img _fck_mw_filename="RK3399 Qt build start.png" _fck_mw_origimgheight="640" _fck_mw_origimgwidth="1212" alt="RTENOTITLE" src="/wiki/images/d/d6/RK3399_Qt_build_start.png" style="vertical-align:middle;" title="RTENOTITLE" />
  7. The green "Build" bar means no error occured.
    <img _fck_mw_filename="RK3399 Qt build status.png" _fck_mw_origimgheight="28" _fck_mw_origimgwidth="996" alt="RTENOTITLE" src="/wiki/images/5/5c/RK3399_Qt_build_status.png" style="vertical-align:middle;" title="RTENOTITLE" />
  8. Press "Alt+4" to show "Compile Output". <img _fck_mw_filename="RK3399 Qt build output.png" _fck_mw_origimgheight="740" _fck_mw_origimgwidth="1400" alt="RTENOTITLE" src="/wiki/images/a/af/RK3399_Qt_build_output.png" style="vertical-align:middle;" title="RTENOTITLE" />

Deploying the Application

  1. Click "Deploy" using context menu of project Hello<img _fck_mw_filename="RK3399 Qt deploy start.PNG" _fck_mw_origimgheight="532" _fck_mw_origimgwidth="1008" alt="RTENOTITLE" src="/wiki/images/c/c1/RK3399_Qt_deploy_start.PNG" style="vertical-align:middle;" title="RTENOTITLE" />
  2. The green "Deploy" bar indicates no error occured.<img _fck_mw_filename="RK3399 Qt deploy output.png" _fck_mw_origimgheight="367" _fck_mw_origimgwidth="996" alt="RTENOTITLE" src="/wiki/images/3/35/RK3399_Qt_deploy_output.png" style="vertical-align:middle;" title="RTENOTITLE" />

Debugging the Application

  1. Click debug icon to start debugging.
    <img _fck_mw_filename="RK3399 Qt debug start.png" _fck_mw_origimgheight="197" _fck_mw_origimgwidth="60" alt="RTENOTITLE" src="/wiki/images/1/17/RK3399_Qt_debug_start.png" style="vertical-align:middle;" title="RTENOTITLE" />
  2. Press "Alt+3" to show "Application Output"<img _fck_mw_filename="RK3399 Qt debug output.png" _fck_mw_origimgheight="366" _fck_mw_origimgwidth="994" alt="RTENOTITLE" src="/wiki/images/7/75/RK3399_Qt_debug_output.png" style="vertical-align:middle;" title="RTENOTITLE" />
  3. The "Hello" shows up on primary display.
    <img _fck_mw_filename="RK3399 Qt result show.png" _fck_mw_origimgheight="327" _fck_mw_origimgwidth="404" alt="RTENOTITLE" src="/wiki/images/a/ac/RK3399_Qt_result_show.png" style="vertical-align:middle;" title="RTENOTITLE" />
  4. Click "stop" to stop debugging.
    <img _fck_mw_filename="RK3399 Qt debug stop.png" _fck_mw_origimgheight="55" _fck_mw_origimgwidth="346" alt="RTENOTITLE" src="/wiki/images/0/02/RK3399_Qt_debug_stop.png" style="vertical-align:middle;" title="RTENOTITLE" />
  5. The deafult desktop returns back.<img _fck_mw_filename="RK3399 Qt default Desktop.png" _fck_mw_origimgheight="720" _fck_mw_origimgwidth="1280" alt="RTENOTITLE" src="/wiki/images/6/60/RK3399_Qt_default_Desktop.png" style="vertical-align:middle;" title="RTENOTITLE" />