LVGL学习笔记2 - 对象

31 篇文章 86 订阅

目录

1. 创建对象

2. 设置大小

3. 设置位置

4. 设置对齐方式

5. 对象的父子关系

6. 其他


前面的例子中,一个矩形创建都是用到obj的函数,obj即是指对象。LVGL的基本要素是对象,实现了屏幕上组件的基本属性,包括大小、坐标、父对象等属性。

1. 创建对象

lv_obj_t * lv_obj_create(lv_obj_t * parent);

参数:

parent - 父对象指针,如果是NULL,则表示创建一个screen。

返回:

创建的新对象指针。

2. 设置大小

void lv_obj_set_width(lv_obj_t * obj, lv_coord_t w);
void lv_obj_set_height(lv_obj_t * obj, lv_coord_t h);
void lv_obj_set_size(lv_obj_t * obj, lv_coord_t w, lv_coord_t h);

参数:

obj - 对象指针

w - 设置的宽度

h - 设置的高度

其中w/h可以是

像素(数字)。

百分比(LV_PCT(x))是以对象或其父对象的大小的百分比,LV_PCT会把数字转化为百分比。

自动(LV_SIZE_CONTENT)是根据内容自动调整大小。

3. 设置位置

void lv_obj_set_x(struct _lv_obj_t * obj, lv_coord_t x);
void lv_obj_set_y(struct _lv_obj_t * obj, lv_coord_t y);
void lv_obj_set_pos(struct _lv_obj_t * obj, lv_coord_t x, lv_coord_t y);

参数:

obj - 对象指针

x - 设置的x坐标

y - 设置的y坐标

其中x, y的坐标值含义和对齐方式alignment有关,并且都是相对父对象,对齐方式默认是左顶点的方式。坐标值可以是像素也是可以是百分比。

4. 设置对齐方式

void lv_obj_set_align(struct _lv_obj_t * obj, lv_align_t align);
void lv_obj_align(struct _lv_obj_t * obj, lv_align_t align, lv_coord_t x_ofs, lv_coord_t     
    y_ofs);
void lv_obj_align_to(struct _lv_obj_t * obj, const struct _lv_obj_t * base, lv_align_t 
    align, lv_coord_t x_ofs, lv_coord_t y_ofs);

参数:

obj - 对象指针

align - 对齐方式

enum {
    LV_ALIGN_DEFAULT = 0,
    LV_ALIGN_TOP_LEFT,
    LV_ALIGN_TOP_MID,
    LV_ALIGN_TOP_RIGHT,
    LV_ALIGN_BOTTOM_LEFT,
    LV_ALIGN_BOTTOM_MID,
    LV_ALIGN_BOTTOM_RIGHT,
    LV_ALIGN_LEFT_MID,
    LV_ALIGN_RIGHT_MID,
    LV_ALIGN_CENTER,

    LV_ALIGN_OUT_TOP_LEFT,
    LV_ALIGN_OUT_TOP_MID,
    LV_ALIGN_OUT_TOP_RIGHT,
    LV_ALIGN_OUT_BOTTOM_LEFT,
    LV_ALIGN_OUT_BOTTOM_MID,
    LV_ALIGN_OUT_BOTTOM_RIGHT,
    LV_ALIGN_OUT_LEFT_TOP,
    LV_ALIGN_OUT_LEFT_MID,
    LV_ALIGN_OUT_LEFT_BOTTOM,
    LV_ALIGN_OUT_RIGHT_TOP,
    LV_ALIGN_OUT_RIGHT_MID,
    LV_ALIGN_OUT_RIGHT_BOTTOM,
};
typedef uint8_t lv_align_t;

x_ofs: 对齐方式设置后x坐标的偏移

y_ofs: 对齐方式设置后y坐标的偏移

base:  新的对象指针,即obj相对新的对象指针对齐。

5. 对象的父子关系

当对象在创建时需要指定父对象,子对象的大小、位置等属性会随父对象改变,这样修改界面会很简单。

更改对象的父对象

void lv_obj_set_parent(struct _lv_obj_t * obj, struct _lv_obj_t * parent);

要获取对象的父对象

struct _lv_obj_t * lv_obj_get_parent(const struct _lv_obj_t * obj);

注意,返回NULL是表示是一个Screen。

6. 其他

其他到API函数暂时跳过,使用时再研究。

对象被创建时默认就是一个矩形对象。

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要设置对象旋转动画,可以使用LVGL的动画功能和对象属性。首先,你需要下载LVGL源码,并选择适合你的版本。在你的代码中,你可以使用knob_state_now变量来获取当前旋钮的状态。根据这个状态,你可以使用LVGL的动画功能来实现对象的旋转效果。 下面是一种可能的实现方法: 1. 首先,创建一个对象,比如一个按钮或者一个图像。 2. 使用LVGL的动画功能来设置对象的属性,比如旋转角度。 3. 根据旋钮状态,更新旋转角度属性,并启动动画。 具体的代码可以参考以下示例: ```c // 创建一个对象 lv_obj_t *obj = lv_obj_create(lv_scr_act(), NULL); // 初始化旋钮状态 int knob_state_now = 0; // 设置旋转动画的回调函数 void rotation_anim_cb(lv_anim_t *anim, lv_anim_value_t value) { lv_obj_set_angle(obj, value); // 设置对象的旋转角度 } // 监测旋钮状态的函数 void check_knob_state() { // 更新旋钮状态 knob_state_now = get_knob_state(); // 获取旋钮状态,根据实际情况修改 // 根据旋钮状态启动或停止旋转动画 if (knob_state_now == KNOB_UP) { // 启动旋转动画,从当前角度旋转到指定角度 lv_anim_t a; lv_anim_init(&a); lv_anim_set_var(&a, obj); lv_anim_set_values(&a, lv_obj_get_angle(obj), 90); // 设置旋转的起始角度和目标角度 lv_anim_set_exec_cb(&a, (lv_anim_exec_xcb_t)rotation_anim_cb); // 设置回调函数 lv_anim_set_time(&a, 500); // 设置动画的时长 lv_anim_start(&a); } else if (knob_state_now == KNOB_DOWN) { // 启动旋转动画,从当前角度旋转到指定角度 lv_anim_t a; lv_anim_init(&a); lv_anim_set_var(&a, obj); lv_anim_set_values(&a, lv_obj_get_angle(obj), -90); // 设置旋转的起始角度和目标角度 lv_anim_set_exec_cb(&a, (lv_anim_exec_xcb_t)rotation_anim_cb); // 设置回调函数 lv_anim_set_time(&a, 500); // 设置动画的时长 lv_anim_start(&a); } // 其他情况下停止动画等操作 // ... } ``` 这个示例中,我们创建了一个对象obj,并定义了一个回调函数rotation_anim_cb来设置对象的旋转角度。然后,我们检测旋钮状态,根据旋钮状态启动或停止旋转动画。在启动动画时,我们使用lv_anim_set_values函数来设置动画的起始角度和目标角度,使用lv_anim_set_exec_cb函数来设置回调函数,使用lv_anim_set_time函数来设置动画的时长,最后使用lv_anim_start函数来启动动画。 请根据你的具体情况修改代码中的变量名和数值,并在你的代码中添加必要的初始化和调用。 希望这个示例能够帮助你实现8.3 lvgl设置对象旋转动画。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [基于STM32F411UE的LVGL8.3移植,DMA加速](https://download.csdn.net/download/qq_42795119/86871979)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatgptT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [【LVGL学习笔记--(1)Keil中嵌入式系统移植LVGL](https://blog.csdn.net/sinat_33408502/article/details/129199633)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatgptT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值