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
来到建立新专案页面,有几个要注意的地方:
专案载入后,点击 MCUXpresso 就会在 EVK 上执行啰!
二、在这个专案上新增功能!
首先点击 + 新增一个 Screen,新增后的 Screen 就用系统预设的 screen_1
新增一个 Button
以下就介绍一个不用写程式的范例,并且可以在 NXP RT1060 EVK 上执行!
一、建立新专案
首先点击 Create a new project
点选 v8.3.2 后,点击 Next
选择 MIMXRT1062xxxxA 后,点击 Next ( 注意!不要选错开发板 )
选择 SliderProgress 后,点击 Next
来到建立新专案页面,有几个要注意的地方:
- Project Name 开头不可为数字,名称内不可有空格
- Project Directory 不可有中文字
- 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 的过程啦!