AWStudio內的AWTK Designer組件是專門用來制作AWTK應用程序UI界面的實用型工具，只要通過拖拽和點擊就可以完成復雜的設計，并且能夠隨時預覽效果圖。

AWStudio安裝

在AWStudio官網下載對應的版本，本文下載AWStudio Ubuntu社區版。下載完畢后，在終端切換到*.deb文件所在的路徑，執行sudo apt install ./*.deb。安裝完畢后，在開始菜單查看是否有AWStudio與AWTK Designer兩個軟件，有即安裝完畢。如圖1所示：

VS Code調試環境搭建

我們自己搭建的項目有時候需要調試，可以使用VS Code，如不需要可以跳過本節。
網上下載VS Code并且安裝。安裝完畢后下載安裝C/C++的插件，如圖2所示：

圖2 安裝C/C++插件

沒有網絡的用戶可以選擇VSIX安裝插件。

圖3添加配置

在.json文件中的includePath添加AWTK源代碼的路徑。圖4可作為參考。

圖4json文件添加內容

選擇一個.c文件，然后點擊VS Code左邊工具欄的“運行和調試”，點擊創建launch.json文件，點擊右下角的“添加配置”按鈕，選擇gdb啟動，修改.json文件中program與cwd的路徑，具體內容參考圖5。

圖5launch.json文件內容

保存文件后，即可添加斷點按F5調試了。

開發第一個工程

1. 新建工程

圖6新建項目

圖7AWTK Designer界面

2. 加入控件

3. 配置事件

圖8按鈕處理事件

處理函數的功能是每按下一次，進度條+5，到100重新開始計數。

4.設置定時函數

圖9添加定時器

圖10定時器功能

編譯模擬運行后，可以看到進度條會自己增加到1000，然后重新開始增加。

5.增加窗體

圖11新建窗體

我們在原來的窗口再拖拽一個按鈕，并且設置好他的觸發事件為cilck。在事件函數中，添加函數navigator_to("new")，這樣按鈕按下就會打開我們新建的新窗體。

在新窗體中，拖拽進一個按鈕，設置它的事件為cilck。在事件函數中添加如下功能：

即按下按鈕“是”，會關閉我們的窗體。

6.編譯，模擬運行