LVGL8学习之slider

这一篇学习一下slider对象的使用，还是通过codeblock来模拟代码的运行

可通过lv_slider_set_range设置滑块的变化范围

可通过lv_slider_get_min_value获取滑块的最小值

可通过lv_slider_get_max_value获取滑块的最大值

代码如下：

static void slider_event_callback(lv_event_t* event)
{lv_obj_t * slider = lv_event_get_target(event);if (slider != NULL){lv_obj_t* label = (lv_obj_t* )lv_event_get_user_data(event);if (label != NULL){// 刷新label对象的文本lv_label_set_text_fmt(label, "%d", lv_slider_get_value(slider));lv_obj_align_to(label, slider, LV_ALIGN_OUT_TOP_MID, 0, -15);  // 设置对齐，label对象在slider对象上方中间位置}}
}void lv_slider_test()
{lv_obj_t * slider = lv_slider_create(lv_scr_act()); // 创建滑块对象if (slider != NULL){lv_obj_set_width(slider, 200); // 设置slider的宽度lv_obj_center(slider);  // 对样显示在屏幕中央lv_slider_set_range(slider, 10, 200); // 设置滑块值的变化范围10-200lv_obj_t* label = lv_label_create(lv_scr_act()); // 创建一个标签，用于显示滑块的滑动值if (label != NULL){lv_label_set_text_fmt(label, "%d", lv_slider_get_min_value(slider)); // 标签默认显示滑块的最小值lv_obj_align_to(label, slider, LV_ALIGN_OUT_TOP_MID, 0, -15);  // 标签对象放在slider对象的上方中间位置// 添加滑块值变化事件和事件回调函数，并将label对象最为事件的user_datalv_obj_add_event_cb(slider, slider_event_callback, LV_EVENT_VALUE_CHANGED, (void *)label);}}
}

运行效果：

LVGL8学习之slider相关推荐

LVGL8学习之row and a column layout with flexbox
这一篇来学习一下基于flexbox(柔性盒子)简单行和列布局,还是通过codeblock来模拟代码的运行,可设置layout对象内部的水平和竖直填充,以及布局内各item之间的间隔填充代码如下: v ...
LVGL8学习之Background Styles
这一篇学习一下Background Styles,还是通过codeblock来模拟代码的运行,代码如下: void lv_background_style_test() {static lv_styl ...
LVGL8学习之Shadow Styles
这一篇来学习一下Shadow Style的使用,还是通过codeblock来模拟代码的运行,代码如下: void lv_shadow_style_test() {static lv_style_t s ...
LVGL8学习之multiple styles
这一篇来学一下multiple styles,多种样式的组合使用,还是通过codeblock来模拟代码的运行,代码如下: void lv_multiple_style_test() {static l ...
学习streamlit-4
系列目录学习streamlit-1,简介学习streamlit-2,st.write输出学习streamlit-3,其它输出显示方法学习streamlit-4,滑块学习streamlit-5 ...
LVGL8.2学习笔记
LVGL8.2学习笔记 LVGL控件的基础知识 (1) C语言编写的LVGL以结构体的形式实现类似C++ "Class"的思想: (2) 父子对象的默认关系 LVGL基础对象 LV ...
LVGL8.2移植学习
** LVGL8.2移植学习链接: LVGL官网. ** LVGL8.2文件组成 LVGL8.2移植所需的文件文件描述路径 demos 官方的示例(可要可不要) lvgl-release-v8 ...
ESP32 LVGL8.1 ——slider 滑动条 (slider 22)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一.slider 简介 1.1概述 Overview 1.2部分和风格 Parts and Styles 1.3使用 Usage 1.3.1值 ...
Unity之UGUI的学习（七）：Slider（滑动条）
什么是Slider? Slider控件允许用户可以通过鼠标来在预先确定的范围调节数值. 我们可以在Hierarchy视图右键 -> UI ->Slider来创建滑动条. 上图是一个Unit ...

LVGL8学习之slider

LVGL8学习之slider相关推荐

最新文章

热门文章