Embedded Linux系統視窗程式設計-QT(4-4)Qt Creator_2.0 Embedded GUI 介面設計

1. 開發環境:
(1). CPU: Andes RISC CPU core_N12.
(2). 平台: ADP-XC5FF676 V1.1.
(3). Linux OS: Ubuntu10.04.
(4). Toolchains: AndeSight v1.4 for Linux.
(5). Embedded Linux2.6.27.
2. 目的: 使用跨平台Qt Creator設計GUI介面,再移植至ADP-XC5實驗板.
3. 實驗步驟:
(1). 使用滑鼠選擇Ubuntu下的〝Applications〞->〝Programming〞->〝Qt Creator〞開啟Qt Creator.(2). 開啟〝/usr/local/Trolltech/QtEmbedded-4.7.0-generic/mkspecs/qws/linux-generic-g++/qmake.conf〞檔案,修改路徑:

# modifications to g++.conf
QMAKE_CC = /home/acer/Andestech/AndeSight14/toolchains/nds32le-linux-glibc-V0/bin/nds32le-linux-gcc -EL -G0 -Wa,-mno-small-data –lts
QMAKE_CXX = /home/acer/Andestech/AndeSight14/toolchains/nds32le-linux-glibc-V0/bin/nds32le-linux-g++ -EL -G0 -Wa,-mno-small-data –lts
QMAKE_LINK = /home/acer/Andestech/AndeSight14/toolchains/nds32le-linux-glibc-V0/bin/nds32le-linux-g++ -EL -G0 -Wa,-mno-small-data –lts
QMAKE_LINK_SHLIB = /home/acer/Andestech/AndeSight14/toolchains/nds32le-linux-glibc-V0/bin/nds32le-linux-g++ -EL -G0 -Wa,-mno-small-data –lts

# modifications to linux.conf
QMAKE_AR = /home/acer/Andestech/AndeSight14/toolchains/nds32le-linux-glibc-V0/bin/nds32le-linux-ar cqs
QMAKE_OBJCOPY = /home/acer/Andestech/AndeSight14/toolchains/nds32le-linux-glibc-V0/bin/nds32le-linux-objcopy
QMAKE_STRIP = /home/acer/Andestech/AndeSight14/toolchains/nds32le-linux-glibc-V0/bin/nds32le-linux-strip(3). 使用滑鼠選擇Qt Creator〝Tools〞->〝Options...〞->〝Qt4〞設定:
(a). 按〝+〞符號按鈕,增加〝Manual〞的選項.
(b). 設定
*Version name: QtEmbedded-4.7.0-generic
*qmake location: /usr/local/Trolltech/QtEmbedded-4.7.0-generic/bin/qmake
(c). 設定完成後按〝Rebuild〞,之後可以按〝Show Log〞查看路徑,最後按〝OK〞結束設定.(4). 選擇Qt Creator下的〝File〞->〝New File or Project…〞,再選擇〝Qt C++ Project〞->〝Qt Gui Application〞->〝Choose…〞.(5). 輸入project 〝Name:〞名稱,這裡先輸入為〝helloqt〞;檔案路徑預設為〝/home/acer〞,這裡不做修改,按〝Next>〞.(6). 直接按〝Next>〞.(7). 〝Class Information〞有〝QMainWindows〞;〝QWidget〞;〝QDialog〞三個類別可以選擇,這裡先選擇〝QDialog〞作為範例,按〝Next>〞.(8). 按〝Finish〞,進入Edit視窗.(9). 點選〝Design〞視窗介面編輯模式,先將視窗大小設定成320x240以配合ADP-XC5實驗板上的3.5吋面板. (10). 之後使用滑鼠拖拉子視窗dialog.ui*的元件擺放.
注意:如要編輯程式請使用滑鼠選擇元件後按〝滑鼠右鍵〞->〝Go to slot...〞既可編輯程式.(11). 編輯完畢後,開始編譯程式,先選擇下圖所示〝電腦圖示ICOM〞->〝Buile〞->〝QtEmbedded-4.7.0-generic Release〞後按〝run圖示ICOM〞,開始編譯.(12). 將〝cd /home/acer/helloqt〞下產生的〝helloqt〞執行檔,複製到SD卡.注意:如ADP-XC5重新開機,請延續使用上一章節Embedded Linux系統視窗程式設計-QT(4-3)移植Qt for Enbedded Linux的步驟(17).~(22),如無重新開機可省略.
(13). 執行〝./helloqt -qws〞,顯示結果如下所示.注意: ADP-XC5實驗板Embedded Linux進入休眠狀態時,輸入〝printf “\033[9;0]” > /dev/tty0〞,開啟.
注意:中斷測試程式按〝Ctrl+C〞.
(14). 程式執行完畢後要卸載SD需再根目錄輸入〝umount /tmp〞.