lvgl 坐标轴

### 如何在LVGL中实现坐标轴功能 #### 使用 `lv_obj_set_pos` 设置控件的位置 为了创建一个简单的坐标系，可以通过调用 `lv_obj_set_pos(obj, new_x, new_y)` 来精确控制每个控件的绝对位置。这使得开发者可以在屏幕上定义原点 `(0, 0)` 并以此为基础构建整个坐标系统[^1]。 ```c // 创建一个矩形代表坐标轴上的标记 lv_obj_t *rect = lv_rect_create(lv_scr_act()); lv_obj_set_size(rect, 10, 10); lv_obj_set_pos(rect, 50, 50); // 将该标记放置在 (50, 50) 的位置上 ``` #### 利用线条绘制坐标轴 如果目标是显示实际的坐标轴线，则可以利用 LVGL 中的线条组件 (`lv_line`) 绘制水平和垂直两条直线分别表示 X 轴和 Y 轴。这些线条的具体路径由一系列二维坐标点构成，因此需要预先计算好每条线上各节点的确切位置并将其传入线条对象之中[^2]。 ```c static const lv_point_t line_points[] = { {50, 10}, {50, 90} // 垂直线段用于模拟Y轴 }; lv_obj_t *line_y_axis = lv_line_create(lv_scr_act()); lv_line_set_points(line_y_axis, line_points, sizeof(line_points)/sizeof(lv_point_t)); static const lv_point_t x_line_points[] = { {10, 50}, {90, 50} // 水平线段用于模拟X轴 }; lv_obj_t *line_x_axis = lv_line_create(lv_scr_act()); lv_line_set_points(line_x_axis, x_line_points, sizeof(x_line_points)/sizeof(lv_point_t)); ``` #### 获取触摸屏输入的坐标数据 当涉及到交互式的坐标操作时，可能还需要处理来自用户的触碰事件。此时可通过自定义驱动程序接口捕获屏幕点击处的实际物理像素值，并转换成逻辑单位下的相对坐标[^3]。 ```c void my_touchpad_read(lv_indev_drv_t *drv, lv_indev_data_t *data){ uint16_t touch_x; uint16_t touch_y; (*(&touch_x)) = XPT2046_GetX(); (*(&touch_y)) = XPT2046_GetY(); data->point.x = touch_x; data->point.y = touch_y; } ``` #### 应用网格导航增强体验 对于更复杂的场景下管理多个位于不同坐标的UI元素之间的跳转关系来说，“Grid Navigation”提供了一种便捷的方式让用户仅依靠方向按键就能完成预期的操作流程而无需额外关注具体数值变化过程[^4]。 ```c lv_group_t *group = lv_group_create(); lv_group_add_obj(group, button_1); lv_group_add_obj(group, slider); lv_indev_set_group(keyboard_indev, group); ``` 以上方法展示了如何基于LVGL框架搭建基础版平面直角坐标体系以及围绕其展开的一些高级特性应用实例。