AWTK是基于C語言開發(fā)的跨平臺(tái)GUI框架。本系列文章介紹如何從0開始創(chuàng)建AWTK應(yīng)用程序，包括搭建開發(fā)調(diào)試環(huán)境、使用AWTK創(chuàng)建Hello工程并在模擬器上運(yùn)行、將AWTK應(yīng)用程序移植到其它平臺(tái)。

安裝AWStudio

AWStudio是用來整合AWTK Designer的工具，可以管理AWTK Designer創(chuàng)建的項(xiàng)目，我們可以通過AWStudio來安裝AWTK的開發(fā)環(huán)境。

1. 下載與安裝AWStudio

首先，我們使用瀏覽器打開AWStudio云平臺(tái)，點(diǎn)擊下面的“注冊”按鈕進(jìn)行賬號(hào)的注冊，如下圖所示：

需要注意的是，在注冊過程中填寫完整的公司名稱，并需要綁定好郵箱，這樣后臺(tái)才可以審核通過并正確發(fā)放續(xù)期卡券到賬號(hào)上，如果之前注冊的賬號(hào)沒有綁定到郵箱，可以通過AWStudio云平臺(tái)中的“個(gè)人信息”—“賬號(hào)安全”選項(xiàng)卡中進(jìn)行編輯，如下圖所示：

圖2綁定郵箱與填寫正確的公司名稱

圖3編輯AWStudio云平臺(tái)賬號(hào)郵箱信息

注冊完成在AWStudio云平臺(tái)界面點(diǎn)擊右上角的“客戶端”跳轉(zhuǎn)至AWStudio下載界面，并根據(jù)自己系統(tǒng)選擇合適的版本進(jìn)行下載。下載完成后，雙擊“AWStudio-Community-x64-xxx-Setup.exe”打開安裝包，并根據(jù)提示完成安裝，由于安裝過程比較簡單，這里不過多贅述。

2. 激活與續(xù)期AWStudio

在首次登錄進(jìn)AWStudio時(shí)，系統(tǒng)會(huì)提示需要選擇一個(gè)許可證進(jìn)行激活，這里我們選擇其中一個(gè)許可證點(diǎn)擊“激活”按鈕即可。如果許可證到期可以在AWStudio云平臺(tái)的許可管理頁面點(diǎn)擊“續(xù)期”按鈕選擇續(xù)期卡券來續(xù)期許可證，如下圖所示：

圖4許可證激活

圖5許可證續(xù)期

使用AWStudio環(huán)境檢測工具安裝AWTK開發(fā)環(huán)境

在AWStudio主界面點(diǎn)擊上方“幫助” —— “檢測AWTK開發(fā)環(huán)境” 按鈕可以打開AWStudio自帶的環(huán)境檢測工具，如下圖：圖6 環(huán)境檢測工具

這個(gè)列表中所列出的環(huán)境都推薦安裝，其中Python與Node.js是負(fù)責(zé)打包AWTK程序所用到的資源文件，而SCons與編譯器是負(fù)責(zé)將AWTK應(yīng)用程序編譯成可以在桌面系統(tǒng)（如：Windows和Ubuntu）模擬器上執(zhí)行的應(yīng)用程序，如果用戶不需要在模擬器運(yùn)行可以選擇只安裝Python和Node.js。點(diǎn)擊環(huán)境檢測工具下方的“檢測”按鈕可以快速檢測當(dāng)前環(huán)境是否完整，如果檢測到不完整的話點(diǎn)擊下方的“一鍵安裝”按鈕可以一鍵安裝Python、SCons、Node.js環(huán)境。

1. 安裝編譯器

AWTK是跨平臺(tái)的GUI，可以在Windows等桌面系統(tǒng)運(yùn)行，也可以在嵌入式系統(tǒng)運(yùn)行，運(yùn)行前均需要使用對應(yīng)平臺(tái)的編譯器進(jìn)行編譯。安裝Windows版的AWStudio后，如需要在Windows模擬運(yùn)行AWTK程序，需要用戶自行安裝編譯器，AWTK支持Visual Studio C++編譯器（推薦使用）與MinGW編譯器，我們只需要二選一選擇其中一個(gè)安裝即可，并不需要兩個(gè)編譯器都進(jìn)行安裝，安裝教程可以點(diǎn)擊對應(yīng)編譯器的“安裝指南”按鈕進(jìn)行查看。

需要注意的是如果選擇安裝Visual Studio C++編譯器的話，需要安裝Visual Studio 2015或以上的版本。如果安裝Visual Studio 2015需要勾選“Visual C++編程語言”，如果安裝Visual Studio 2019則需要選擇“使用C++的桌面開發(fā)”，如下圖所示：

圖7 安裝Visual Studio2015

圖8 安裝Visual Studio 2019

編譯AWTK

安裝好所需編譯環(huán)境之后，我們在AWStudio新建一個(gè)工程并打開，此時(shí)點(diǎn)擊上方工具欄的“項(xiàng)目”—“編譯”按鈕時(shí)會(huì)提示我們AWTK未進(jìn)行編譯，這時(shí)候根據(jù)提示點(diǎn)擊“是”即可進(jìn)行編譯。除了上面方式，還可以點(diǎn)擊左側(cè)導(dǎo)航欄的“插件管理”按鈕進(jìn)入插件頁面也可以進(jìn)行AWTK編譯，如下圖所示：

圖9 編譯AWTK的方式

圖10 編譯AWTK的方式

等待一段時(shí)間后可以看到如下圖的AWTK編譯完成提示。

圖11 AWTK編譯完成
到這里，我們的AWTK開發(fā)環(huán)境便搭建好了，如果你在安裝過程中遇到了問題，歡迎加入交流群討論。