Gui Guider 生成代码移植到匠芯创平台

---

---

前言

介绍Gui Guider V1.7 移植到匠芯创平台

---

1、PC 模拟Gui Guider 使用简单步骤

1. 创建项目，选择v8的版本，并选择模拟器，选择空模板。
   
   
   
   
   
2. 重点来了，需要配置一下屏幕分辨率，其他参数配置可以参考下面或者默认配置。D13x开发板默认配置是屏幕分辨率是1024*600，模拟器的width和Height也要保持一致。
   
3. 简单加个应用：加个背景和按钮

添加图片资源：

进行简单的UI配置，生成C项目：

在 custom/custom.c 添加下面代码
添加的代码：

static void btn_label_time_add_cb(lv_event_t * e)
{
   
   
    static int times = 0;
    lv_obj_t *label = lv_event_get_user_data(e);
    lv_event_code_t code = lv_event_get_code(e);

    if (code == LV_EVENT_CLICKED) {
   
   
        times++;
        lv_label_set_text_fmt(label, "Clike me time %d", times);
    }
}

void custom_init(lv_ui *ui)
{
   
   
    /* Add your codes here */
    lv_obj_add_event_cb(ui->screen_btn_1, btn_label_time_add_cb, LV_EVENT_ALL, ui->screen_btn_1_label);
}

测试运行：

---

2、Gui Guider 目录结构介绍

2.1 Gui Guider 导出的文件目录结构简单介绍

Gui Guider 导出一个完整的项目文件包含下面这些内容：

• custom/ --> 你编写的代码，不会被gui guider覆盖掉
• generated/ --> gui guider 生成的代码
• import/ --> gui guider 导出的资源文件
• linux/ --> pc 运行的环境和 main 入口函数
• lvgl/ --> lvgl 源码，无需关注
• lib/ --> pc 模拟运行的库文件，无需关注
• lvgl-simulator/ --> pc 模拟器，无需关注
• CMakeLists.txt --> pc 上的CMAKE 文件，无需关注
• LICENSE.txt --> 版权文件,无需关注
• migration_testing.guiguide --> gui guider 的配置文件,无需关注

上面的文件，我们关注custom、generated、import还有linux/main.c 即可，移植其他无需关注。下面重点介绍这几个目录。

---

2.1.1 custom 目录

你的代码编写入口函数在 void custom_init(lv_ui *ui)；，这个需要被调用的。

如果有额外的LVGL 的配置lv_conf_ext.h这个里面的宏定义也是需要拿到。复制到lv_config.h中。因为模拟器的lv_config.h引用了这个配置。大部分情况并不需要修改这个配置，就无需添加。

2.1.2 generated 目录

这个是Gui Guider 自动生成的代码，都放这里面了，这里面几乎全部文件都是需要用到的。

下面是目录介绍:

• guider_customer_fonts：用户字体文件，需要
• guider_fonts：gui guider 用到的字体
• images：图片数组文件
• event_init.*： 事件初始化
• gui_guider.*：ui 初始化入口
• setup_scr_screen.c：screen ui 初始化实现
• widgets_init.*：某些控件初始化实现

2.1.3 import 目录

导进Gui Guider 生成的资源文件和本身自带的资源文件

• font：ttf 字体所在文件
• image：图片源文件

2.1.