一、样式当地的风格简介

本次主要讲述lvgl的样式当地的风格，我们前面主要通过样式去设置一些属性，假如我们想要修改某一个对象的风格还要保留原有的一些特性怎么办，这个时候样式的当地风格就会起到作用，改变对象的一些特性而保留原来的一些特性。

二、Style Line API

用于文字样式的API可以在lv_obj_style_gen.h文件中找到，里面有许多的API,看起来似曾相识的样子，对的没错这里面的API相比之前我们学的那些API中多了obj ，这个我的理解主要是针对对象的设置的，可以通过style设置一些对象的基本属性，然后想要修改属性的时候就用对象特征的API去修改实现，将原始的Style的属性和对象被添加的属性分离，这样可以使得一个类型的样式可以使用不同的对象，当一个对象的样式需要改变的时候可以通过带obj的API修改而不影响其他对象使用该样式，这里主要使用改变样式的背景颜色做实验。其他的API一样的使用效果。

void lv_obj_set_style_bg_color(struct _lv_obj_t * obj, lv_color_t value, lv_style_selector_t selector);

三、示例

/**************************************************  函数名称 :  lv_local_style 转换样式*  参    数 ： 无*  函数功能 ： 转换样式*************************************************/
void lv_local_style(void)
{static lv_style_t style;                     //创建样式lv_style_init(&style);                       //初始化样式lv_style_set_bg_color(&style,lv_palette_lighten(LV_PALETTE_RED,1));  //设置背景颜色lv_style_set_bg_opa(&style,LV_OPA_COVER);    //设置背景透明度lv_style_set_border_color(&style,lv_palette_main(LV_PALETTE_BLUE));  //设置边框颜色lv_style_set_border_opa(&style,LV_OPA_80);   //设置边框透明度lv_style_set_border_width(&style,5);         //设置边框宽度//直接继承原始样式lv_obj_t *obj = lv_obj_create(lv_scr_act()); //创建对象lv_obj_add_style(obj,&style,0);              //将样式添加刀对象中lv_obj_set_size(obj,80,80);                  //设置对象的尺寸lv_obj_set_pos(obj,50,50);                   //设置对象的位置//继承原始样式 + 自己需求修改lv_obj_t *obj1 = lv_obj_create(lv_scr_act());//创建对象lv_obj_add_style(obj1,&style,0);             //将样式添加刀对象中lv_obj_set_size(obj1,80,80);                 //设置对象的尺寸lv_obj_set_pos(obj1,50,150);                 //设置对象的位置//局部覆盖背景颜色lv_obj_set_style_bg_color(obj1,lv_palette_main(LV_PALETTE_ORANGE),LV_PART_MAIN);
}

ESP32 LVGL8.1 ——Style local style 样式当地的风格 (Style 11)相关推荐

ESP32 LVGL8.1 ——Style bg 设置样式背景 (Style 2)
提示:本博客作为学习笔记,有错误的地方希望指正文章目录一.样式背景设置简介二.Style Pad API 2.1背景颜色 bg_color 2.2背景颜色透明度 bg_opa 2.3背景的渐变颜 ...
外部样式表声明的样式并不会进入style对象
在网页设计当中,我们注重网页的行为(js).结构(HTLM).样式(css)分离开内联样式表或者内部样式表声明的样式信息都会进入style对象. 我们可以测试一下: 但是我们的外部样式表,也就是通过 ...
HTML样式offset[Direction] 和 style.[direction]的区别
为什么80%的码农都做不了架构师?>>> 以offsetLeft与style.left为例: offsetLeft使用的值是字符串,如"100px", st ...
用JS查看修改CSS样式（cssText,attribute('style'),currentStyle,getComputedStyle）
CSS样式定义方法大家都知道,在为HTML设置样式的时候,通常有三种方法:内联样式,内部样式表,外部样式表. 1.内联样式: 内联样式表就是在HTML元素中的行内直接添加style属性. 1 < ...
在vue中怎么写行内样式高_说说在 Vue.js 中如何绑定样式（class 或 style）
在数据绑定中,最常见就是动态绑定元素的 class 或内联样式 style 咯,它们也是 HTML 的属性,所以可以使用 v-bind 指令 . 1 绑定 class 1.1 对象语法使用 v-bi ...
1.1 css style 样式定义：行内 style 属性、单页＜style＞标签、多页＜style＞标签
1.1 style 样式定义:行内 style 属性.单页 <style> 标签.多页 <style> 标签文章目录 1.1 style 样式定义:行内 style 属性.单 ...
将html中的style内联样式转换为行内样式
需求:因为有一段html需要传递到其他的地方,内联样式可能与其他的样式冲突,所以要将写在style标签中的内联样式转换为行内样式思路: /*** 参数接收html字符串* 将内联样式表里面的样式改为 ...
UIElements开发人员指南9 样式(Style)和Unity样式表(style sheets)
样式(Style)和Unity样式表(style sheets) 每个VisualElement都包含样式属性,用于设置元素的尺寸以及元素在屏幕上的绘制方式,例如backgroundColor或bor ...
CSS(层叠样式表cascading style sheet)——CSS样式、基础选择器
一.CSS作用对页面的外观进行美化统一网站页面的风格实现内容和样式的分离,适合团队开发二.CSS语法规范三.CSS引入方式 CSS的3种样式表书写位置的不同分为:行内样式表(行内式) ...

ESP32 LVGL8.1 ——Style local style 样式当地的风格 (Style 11)

文章目录

一、样式当地的风格简介

二、Style Line API

三、示例

ESP32 LVGL8.1 ——Style local style 样式当地的风格 (Style 11)相关推荐

最新文章

热门文章