用 GUI Guider 在 NXP RT1060 EVK 上做 GUI 設計

GUI Guider 是 NXP 一套基於 LVGL ( Light and Versatile Embedded Graphics Library ) 做 GUI 設計的開發工具。藉由 GUI Guider 的圖形化介面,可以非常方便的把各種完成 GUI 的各種功能,甚至不用寫程式就可以完成 GUI 設計。
以下就介紹一個不用寫程式的範例,並且可以在 NXP RT1060 EVK 上執行!

一、建立新專案
首先點擊 Create a new project

點選 v8.3.2 後,點擊 Next

選擇 MIMXRT1062xxxxA 後,點擊 Next ( 注意!不要選錯開發板 )

選擇 SliderProgress 後,點擊 Next

來到建立新專案頁面,有幾個要注意的地方:
  1. Project Name 開頭不可為數字,名稱內不可有空格
  2. Project Directory 不可有中文字
  3. Panel Type 選擇 RK043FN66HS

專案載入後,點擊 MCUXpresso 就會在 EVK 上執行囉!


二、在這個專案上新增功能!
首先點擊 + 新增一個 Screen,新增後的 Screen 就用系統預設的 screen_1

新增一個 Button

並且在這個 Button 的 Event 中,點擊 +

然後在 Target 選擇 screen_1,並且點擊 Load Screen

接著在新增的 screen_1 上,建立一個 Label

然後新增一個 Image

並且在 Image 上的 Attribute 中選取要載入的圖片

設定完後,新增一個 QR Code

可以在 QR Code 的 Text 欄位修改內容,QR Code 會自動生成對應的圖像

最後建立一個 Button 並且在 Event 處設定為當被按下後,讀取 Screen

都設定完後我們可以直接載到 RT1060 EVK 上看看效果啦!


以上就是不用寫程式就可以在 NXP RT1060 EVK 上透過 GUI Guider 開發 GUI 的過程啦!

★博文內容均由個人提供,與平台無關,如有違法或侵權,請與網站管理員聯繫。

★博文作者未開放評論功能