【LVGL快速入门】LVGL开源框架入门教程之框架使用（一）

一.UI设计

介绍使用之前，我们要学习一款LVGL官方的UI设计工具SquareLine Studio，使用图形化设计方式设计出我们想要的界面，然后生成对应源文件导入工程使用。

        另一种非官方工具Gui Guider(恩智浦开发)也可以进行UI设计：

个人比较喜欢恩智浦这个工具，界面看着更简洁，而且免费。

二.简单测试

       在while前添加以下代码来简单测试是否移植成功：

   // 按钮

   lv_obj_t *myBtn = lv_btn_create(lv_scr_act());                               // 创建按钮; 父对象：当前活动屏幕

   lv_obj_set_pos(myBtn, 10, 10);                                               // 设置坐标

   lv_obj_set_size(myBtn, 120, 50);                                             // 设置大小

   // 按钮上的文本

   lv_obj_t *label_btn = lv_label_create(myBtn);                                // 创建文本标签，父对象：上面的btn按钮

   lv_obj_align(label_btn, LV_ALIGN_CENTER, 0, 0);                              // 对齐于：父对象

   lv_label_set_text(label_btn, "Test");                                        // 设置标签的文本

   // 独立的标签

   lv_obj_t *myLabel = lv_label_create(lv_scr_act());                           // 创建文本标签; 父对象：当前活动屏幕

   lv_label_set_text(myLabel, "Hello world!");                                  // 设置标签的文本

   lv_obj_align(myLabel, LV_ALIGN_CENTER, 0, 0);                                // 对齐于：父对象

   lv_obj_align_to(myBtn, myLabel, LV_ALIGN_OUT_TOP_MID, 0, -20);               // 对齐于：某对象

可以看到一个Test按钮以及Hello world!