lvgl v8之Styling the scrollbars

Styling the scrollbars

/**
* Styling the scrollbars
*/
static void lv_example_scroll_4(void)
{lv_obj_t* obj = lv_obj_create(lv_scr_act()); // 创建obj对象lv_obj_set_size(obj, 200, 100);   // 设置大小lv_obj_center(obj);        // 居中显示lv_obj_t* label = lv_label_create(obj);  // 在obj对象上创建label对象lv_label_set_text(label,"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n""Etiam dictum, tortor vestibulum lacinia laoreet, mi neque consectetur neque, vel mattis odio dolor egestas ligula. \n""Sed vestibulum sapien nulla, id convallis ex porttitor nec. \n""Duis et massa eu libero accumsan faucibus a in arcu. \n""Ut pulvinar odio lorem, vel tempus turpis condimentum quis. Nam consectetur condimentum sem in auctor. \n""Sed nisl augue, venenatis in blandit et, gravida ac tortor. \n""Etiam dapibus elementum suscipit. \n""Proin mollis sollicitudin convallis. \n""Integer dapibus tempus arcu nec viverra. \n""Donec molestie nulla enim, eu interdum velit placerat quis. \n""Donec id efficitur risus, at molestie turpis. \n""Suspendisse vestibulum consectetur nunc ut commodo. \n""Fusce molestie rhoncus nisi sit amet tincidunt. \n""Suspendisse a nunc ut magna ornare volutpat."); // 设置文字内容/*Remove the style of scrollbar to have clean start*/lv_obj_remove_style(obj, NULL, LV_PART_SCROLLBAR | LV_STATE_ANY); /*Create a transition the animate the some properties on state change*/static const lv_style_prop_t props[] = { LV_STYLE_BG_OPA, LV_STYLE_WIDTH, 0 };static lv_style_transition_dsc_t trans;lv_style_transition_dsc_init(&trans, props, lv_anim_path_linear, 200, 0, NULL);  // transition描述初时化/*Create a style for the scrollbars*/static lv_style_t style;  // 定义style静态变量lv_style_init(&style);  // style初时化lv_style_set_width(&style, 4); /*Width of the scrollbar*/lv_style_set_pad_right(&style, 5); /*Space from the parallel side*/lv_style_set_pad_top(&style, 5); /*Space from the perpendicular side*/lv_style_set_radius(&style, 2);   //设置倒角大小lv_style_set_bg_opa(&style, LV_OPA_70); //设置背景透明度lv_style_set_bg_color(&style, lv_palette_main(LV_PALETTE_BLUE)); //设置背景颜色lv_style_set_border_color(&style, lv_palette_darken(LV_PALETTE_BLUE, 3)); //设置边框颜色lv_style_set_border_width(&style, 2); //设置边框宽度lv_style_set_shadow_width(&style, 8); // 设置阴影宽度lv_style_set_shadow_spread(&style, 2); // 设置阴影延伸值lv_style_set_shadow_color(&style, lv_palette_darken(LV_PALETTE_BLUE, 1)); // 设置阴影颜色lv_style_set_transition(&style, &trans); //设置transition的风格/*Make the scrollbars wider and use 100% opacity when scrolled*/static lv_style_t style_scrolled; // 定义滚动静态style变量lv_style_init(&style_scrolled);  //初时化stylelv_style_set_width(&style_scrolled, 8);  //设置style宽度值lv_style_set_bg_opa(&style_scrolled, LV_OPA_COVER); // 设置背景透明度lv_obj_add_style(obj, &style, LV_PART_SCROLLBAR);  //obj对象关联LV_PART_SCROLLBAR style  lv_obj_add_style(obj, &style_scrolled, LV_PART_SCROLLBAR | LV_STATE_SCROLLED); //obj对象关联滚动LV_PART_SCROLLBAR和LV_STATE_SCROLLED style
}

运行效果图

修改滚动style_scrolled宽度值

lv_style_set_width(&style_scrolled, 28);

再次运行效果值

lvgl v8之Styling the scrollbars相关推荐

Ai-WB1系列驱动4.0寸电阻触摸屏运行LVGL v8.3
文章目录 @[TOC](文章目录) 前言一.功能预览 1.滑动条和按钮 2. 页面切换 3.动画效果 4.RGB控制功能 1)红灯控制 2)绿灯控制 3)蓝灯控制 4)幻彩灯控制二.接线二.固件 ...
STM32移植Littlevgl(LVGL)V8.0.2使用文件系统+BMP解码显示外部FLASH中图片
说明:选择BMP解码图片的方式,是因为此方式不需要占用太多的RAM 一.主要参数及版本 MCU:STM32F103ZET6 LCD:2.8寸ILI9341,使用FSMC驱动 SPI FLASH:W25 ...
LVGL V8学习之colorwheel色轮
这一篇来研究下LVGL V8下colorwheel色轮的使用,这个色轮是HSV样式的,下面的代码通过创建色轮对象,然后添加对象事件处理,移动旋钮,显示对应的颜色和RGB值还是通过codeblock来 ...
【分析笔记】LVGL v8.2.0 使用 freetype 概率性无显示的问题
使用目前最新的 Releases 版本 LVGL v8.2.0 ,移植好 freetype2 后测试,发现每次启动程序时会高概率出现屏幕显示全白色背景,无任何内容的问题. 打开日志开关,出现问题时会有 ...
lvgl v8 line_meter
最近由于项目需要,想要完成如图的特效网上查了很多关于line_meter的demo,大多基于v7以下的,无法使用.所以针对v8,想做这么一个界面. 这里我直接贴程序了 lv_obj_t* lmete ...
LVGL v8学习笔记 | 01 - LVGL PC模拟器初体验
一.LVGL LVGL官网:https://lvgl.io/. LVGL全称Light and Versatile Graphics Library,轻量化和多功能的图形库,遵循MIT开源许可协议,具 ...
ESP32在Arduino框架下使用LVGL(v8.3)
效果展示小相机,按一下能拍照,并将照片保存在sd卡中. 开发环境使用的时VSCode+PlatformIO进行开发(强力推荐,用了就回不去了),当然也可以使用ArduinoIDE进行开发. 具体怎 ...
LVGL V8之显示中文
使用在线工具转换字体在线转换工具转换"长风破浪会有时\n直挂云帆济沧海" 转换好的文件内容 /***************************************** ...
LVGL V8之Event bubbling
按键事件处理 static void event_cb(lv_event_t* e) {lv_obj_t* target = lv_event_get_target(e); //获取事件产生的对象lv ...
LVGL v8学习笔记 | 06 - label控件的使用方法
文章目录一.label控件 1. 创建label对象 2. 设置label的文本 3. 获取label文本 4. label的大小 5. label的样式 6. label的事件二.label控件 ...

lvgl v8之Styling the scrollbars

Styling the scrollbars

运行效果图

修改滚动style_scrolled宽度值

再次运行效果值

lvgl v8之Styling the scrollbars相关推荐

最新文章

热门文章