1. Parts

2. 设置

2.1 设置选项

2.2 设置可见行

2.3 设置选中项

3. 样式

3.1 设置选项之间的间隔

3.2设置滚动效果时间

3.3 设置选中项的字体

3.4 设置选中项的字符串颜色

滚轮Roller实现的功能类似下拉列表，由lv_roller_create创建

roller = lv_roller_create(lv_scr_act());
lv_obj_align(roller, LV_ALIGN_CENTER, 0, 0);

1. Parts

滚轮有2个Part：LV_PART_MAIN和LV_PART_SELECTED。

lv_obj_set_style_bg_color(roller, lv_color_hex(0xFF0000), LV_PART_MAIN);
lv_obj_set_style_bg_color(roller, lv_color_hex(0xF00FF00), LV_PART_SELECTED);

2. 设置

2.1 设置选项

void lv_roller_set_options(lv_obj_t * obj, const char * options, lv_roller_mode_t mode)

参数mode有2个设置值：LV_ROLLER_MODE_NORMAL或LV_ROLLER_MODE_INFINITE，分别表示滚轮模式为普通模式或无限模式。

lv_roller_set_options(roller, "1\n2\n3\n4\n5\n6", LV_ROLLER_MODE_NORMAL);

lv_roller_set_options(roller, "1\n2\n3\n4\n5\n6", LV_ROLLER_MODE_INFINITE);

通过函数lv_roller_get_selected获取选中选项的索引值，通过函数lv_roller_get_selected_str获取选中选项的字符串。

2.2 设置可见行

void lv_roller_set_visible_row_count(lv_obj_t * obj, uint8_t row_cnt)

注意参数row_cnt的设置规则，比如设置为6（5个全显示加2个半显示）和7（7个全显示）的设置效果如下：

2.3 设置选中项

void lv_roller_set_selected(lv_obj_t * obj, uint16_t sel_opt, lv_anim_enable_t anim)

参数sel_opt对应选中项的索引值，anim的有效参数是LV_ANIM_ON和LV_ANOM_OFF，表示改变选中项时是否显示滚动过程。

3. 样式

3.1 设置选项之间的间隔

void lv_obj_set_style_text_line_space(struct _lv_obj_t * obj, lv_coord_t value, lv_style_selector_t selector)

间隔为5和10的对比：

注意，由于间隔的变化，导致可见行变了，要保持原来的可见行数，需要重新设置。

3.2设置滚动效果时间

void lv_obj_set_style_anim_time(struct _lv_obj_t * obj, uint32_t value, lv_style_selector_t selector)

参数value的单位是ms。例如设置为1秒滚动。

lv_obj_set_style_anim_time(roller, 1000, LV_PART_MAIN);

3.3 设置选中项的字体

通过改变字体凸显选中项。

lv_obj_set_style_text_font(roller, &lv_font_montserrat_24, LV_PART_SELECTED);

3.4 设置选中项的字符串颜色

lv_obj_set_style_text_color(roller, lv_palette_main(LV_PALETTE_ORANGE), LV_PART_SELECTED);

LVGL学习笔记 20 - 滚轮Roller相关推荐

Hadoop学习笔记—20.网站日志分析项目案例（一）项目介绍
Hadoop学习笔记-20.网站日志分析项目案例(一)项目介绍网站日志分析项目案例(一)项目介绍:当前页面网站日志分析项目案例(二)数据清洗:http://www.cnblogs.com/edis ...
Ext.Net学习笔记20：Ext.Net FormPanel 复杂用法
Ext.Net学习笔记20:Ext.Net FormPanel 复杂用法在上一篇笔记中我们介绍了Ext.Net的简单用法,并创建了一个简单的登录表单.今天我们将看一下如何更好是使用FormPanel ...
2020-4-20 深度学习笔记20 - 深度生成模型 3 (实值数据上的玻尔兹曼机)
第二十章深度生成模型 Deep Generative Models 中文英文 2020-4-17 深度学习笔记20 - 深度生成模型 1 (玻尔兹曼机,受限玻尔兹曼机RBM) 2020-4-18 ...
2020-4-22 深度学习笔记20 - 深度生成模型 5 (有向生成网络--sigmoid信念网络/可微生成器网络/变分自编码器VAE/生产对抗网络GAN/生成矩匹配网络)
第二十章深度生成模型 Deep Generative Models 中文英文 2020-4-17 深度学习笔记20 - 深度生成模型 1 (玻尔兹曼机,受限玻尔兹曼机RBM) 2020-4-18 ...
编译原理学习笔记20——符号表
编译原理学习笔记20--符号表 20.1 符号表的组织与操作 20.2 符号表的内容 20.3 利用符号表分析名字的作用域 20.1 符号表的组织与操作符号表符号表的作用与组织符号表的整理和查找 ...
小猫爪：S32K3学习笔记20：S32K3之SCST及其应用
小猫爪:S32K3学习笔记20:S32K3之SCST及其应用 1 前言 2 SCST简介 3 移植 4 应用 4.1 启动测试 4.2 使能FPU相关测试项 4.3 49号测试项中的MPU配置 4.4 ...
Kotlin学习笔记20 阶段复习2
参考链接示例来自bilibili Kotlin语言深入解析张龙老师的视频 lambda表达式内联函数 Kotlin学习笔记第三章函数高阶函数 lambda表达式内联函数_积跬步至千里- ...
opencv学习笔记20：图像轮廓
图像轮廓 Contours:轮廓轮廓是将没有连着一起的边缘连着一起. 边缘检测检测出边缘,边缘有些未连接在一起. 注意问题 1.对象为二值图像,首先进行阈值分割或者边缘检测. 2.查找轮廓需要更改原 ...
cs224w（图机器学习）2021冬季课程学习笔记20 Advanced Topics on GNNs
诸神缄默不语-个人CSDN博文目录 cs224w(图机器学习)2021冬季课程学习笔记集合文章目录 1. Advanced Topics on GNNs 2. Limitations of Grap ...

LVGL学习笔记 20 - 滚轮Roller

1. Parts

2. 设置

2.1 设置选项

2.2 设置可见行

2.3 设置选中项

3. 样式

3.1 设置选项之间的间隔

3.2设置滚动效果时间

3.3 设置选中项的字体

3.4 设置选中项的字符串颜色

LVGL学习笔记 20 - 滚轮Roller相关推荐

最新文章

热门文章