「App:Library:LVGL:docs:Overview:Styles」の版間の差分

提供: robot-jp wiki
ナビゲーションに移動検索に移動
2行目: 2行目:
 
__NOTOC__
 
__NOTOC__
 
= Styles =
 
= Styles =
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
''Styles'' are used to set the appearance of objects. Styles in lvgl are heavily inspired by CSS. The concept in a nutshell is as follows:
 
''Styles'' are used to set the appearance of objects. Styles in lvgl are heavily inspired by CSS. The concept in a nutshell is as follows:
  
13行目: 18行目:
 
* Unlike CSS (where pseudo-classes describe different states, e.g. <code style="color: #bb0000;">:focus</code>), in LVGL a property is assigned to a given state.
 
* Unlike CSS (where pseudo-classes describe different states, e.g. <code style="color: #bb0000;">:focus</code>), in LVGL a property is assigned to a given state.
 
* Transitions can be applied when the object changes state.
 
* Transitions can be applied when the object changes state.
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
== States ==
 
== States ==
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
The objects can be in the combination of the following states:
 
The objects can be in the combination of the following states:
  
54行目: 68行目:
 
* Use ORed states to describe the properties for complex cases. (E.g. pressed + checked + focused)
 
* Use ORed states to describe the properties for complex cases. (E.g. pressed + checked + focused)
 
* It might be a good idea to use different style elements for different states. For example, finding background colors for released, pressed, checked + pressed, focused, focused + pressed, focused + pressed + checked, etc. states is quite difficult. Instead, for example, use the background color for pressed and checked states and indicate the focused state with a different border color.
 
* It might be a good idea to use different style elements for different states. For example, finding background colors for released, pressed, checked + pressed, focused, focused + pressed, focused + pressed + checked, etc. states is quite difficult. Instead, for example, use the background color for pressed and checked states and indicate the focused state with a different border color.
 
+
|
 
+
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
  
  
 
== Cascading styles ==
 
== Cascading styles ==
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
It's not required to set all the properties in one style. It's possible to add more styles to an object and have the latter added style modify or extend appearance. For example, create a general gray button style and create a new one for red buttons where only the new background color is set.
 
It's not required to set all the properties in one style. It's possible to add more styles to an object and have the latter added style modify or extend appearance. For example, create a general gray button style and create a new one for red buttons where only the new background color is set.
  
69行目: 89行目:
  
 
In this case, when the button is released (it's in default state) it will be red because a perfect match is found in the most recently added style (red). When the button is pressed the light-gray color is a better match because it describes the current state perfectly, so the button will be light-gray.
 
In this case, when the button is released (it's in default state) it will be red because a perfect match is found in the most recently added style (red). When the button is pressed the light-gray color is a better match because it describes the current state perfectly, so the button will be light-gray.
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
== Inheritance ==
 
== Inheritance ==
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
Some properties (typically those related to text) can be inherited from the parent object's styles. Inheritance is applied only if the given property is not set in the object's styles (even in default state). In this case, if the property is inheritable, the property's value will be searched in the parents until an object specifies a value for the property. The parents will use their own state to determine the value. So if a button is pressed, and the text color comes from here, the pressed text color will be used.
 
Some properties (typically those related to text) can be inherited from the parent object's styles. Inheritance is applied only if the given property is not set in the object's styles (even in default state). In this case, if the property is inheritable, the property's value will be searched in the parents until an object specifies a value for the property. The parents will use their own state to determine the value. So if a button is pressed, and the text color comes from here, the pressed text color will be used.
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
== Parts ==
 
== Parts ==
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
Objects can be composed of ''parts'' which may each have their own styles.
 
Objects can be composed of ''parts'' which may each have their own styles.
  
95行目: 133行目:
  
 
This means all three parts of the slider can have their own styles. See later how to add styles to objects and parts.
 
This means all three parts of the slider can have their own styles. See later how to add styles to objects and parts.
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
== Initialize styles and set/get properties ==
 
== Initialize styles and set/get properties ==
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
Styles are stored in <code style="color: #bb0000;">lv_style_t</code> variables. Style variables should be <code style="color: #bb0000;">static</code>, global or dynamically allocated. In other words they cannot be local variables in functions which are destroyed when the function exits. Before using a style it should be initialized with <code style="color: #bb0000;">lv_style_init(&my_style)</code>. After initializing a style, properties can be added or changed.
 
Styles are stored in <code style="color: #bb0000;">lv_style_t</code> variables. Style variables should be <code style="color: #bb0000;">static</code>, global or dynamically allocated. In other words they cannot be local variables in functions which are destroyed when the function exits. Before using a style it should be initialized with <code style="color: #bb0000;">lv_style_init(&my_style)</code>. After initializing a style, properties can be added or changed.
  
 
Property set functions looks like this: <code style="color: #bb0000;">lv_style_set_<property_name>(&style, <value>);</code> For example:
 
Property set functions looks like this: <code style="color: #bb0000;">lv_style_set_<property_name>(&style, <value>);</code> For example:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  static lv_style_t style_btn;
 
  static lv_style_t style_btn;
 
  lv_style_init(&style_btn);
 
  lv_style_init(&style_btn);
111行目: 159行目:
 
  lv_style_set_bg_color(&style_btn_red, lv_plaette_main(LV_PALETTE_RED));
 
  lv_style_set_bg_color(&style_btn_red, lv_plaette_main(LV_PALETTE_RED));
 
  lv_style_set_bg_opa(&style_btn_red, LV_OPA_COVER);
 
  lv_style_set_bg_opa(&style_btn_red, LV_OPA_COVER);
 +
</syntaxhighlight>
 
To remove a property use:
 
To remove a property use:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  lv_style_remove_prop(&style, LV_STYLE_BG_COLOR);
 
  lv_style_remove_prop(&style, LV_STYLE_BG_COLOR);
 +
</syntaxhighlight>
 
To get a property's value from a style:
 
To get a property's value from a style:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  lv_style_value_t v;
 
  lv_style_value_t v;
 
  lv_res_t res = lv_style_get_prop(&style, LV_STYLE_BG_COLOR, &v);
 
  lv_res_t res = lv_style_get_prop(&style, LV_STYLE_BG_COLOR, &v);
119行目: 171行目:
 
  do_something(v.color);
 
  do_something(v.color);
 
  }
 
  }
 +
</syntaxhighlight>
 
<code style="color: #bb0000;">lv_style_value_t</code> has 3 fields:
 
<code style="color: #bb0000;">lv_style_value_t</code> has 3 fields:
  
126行目: 179行目:
  
 
To reset a style (free all its data) use:
 
To reset a style (free all its data) use:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  lv_style_reset(&style);
 
  lv_style_reset(&style);
 +
</syntaxhighlight>
 
Styles can be built as <code style="color: #bb0000;">const</code> too to save RAM:
 
Styles can be built as <code style="color: #bb0000;">const</code> too to save RAM:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  const lv_style_const_prop_t style1_props[] = {
 
  const lv_style_const_prop_t style1_props[] = {
 
     LV_STYLE_CONST_WIDTH(50),
 
     LV_STYLE_CONST_WIDTH(50),
135行目: 191行目:
 
        
 
        
 
  LV_STYLE_CONST_INIT(style1, style1_props);
 
  LV_STYLE_CONST_INIT(style1, style1_props);
 +
</syntaxhighlight>
 
Later <code style="color: #bb0000;">const</code> style can be used like any other style but (obviously) new properties can not be added.
 
Later <code style="color: #bb0000;">const</code> style can be used like any other style but (obviously) new properties can not be added.
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
== Add and remove styles to a widget ==
 
== Add and remove styles to a widget ==
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
A style on its own is not that useful. It must be assigned to an object to take effect.
 
A style on its own is not that useful. It must be assigned to an object to take effect.
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
=== Add styles ===
 
=== Add styles ===
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
To add a style to an object use <code style="color: #bb0000;">lv_obj_add_style(obj, &style, <selector>)</code>. <code style="color: #bb0000;"><selector></code> is an OR-ed value of parts and state to which the style should be added. Some examples:
 
To add a style to an object use <code style="color: #bb0000;">lv_obj_add_style(obj, &style, <selector>)</code>. <code style="color: #bb0000;"><selector></code> is an OR-ed value of parts and state to which the style should be added. Some examples:
  
154行目: 229行目:
  
 
Using <code style="color: #bb0000;">lv_obj_add_style</code>:
 
Using <code style="color: #bb0000;">lv_obj_add_style</code>:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  lv_obj_add_style(btn, &style_btn, 0);        /*Default button style*/
 
  lv_obj_add_style(btn, &style_btn, 0);        /*Default button style*/
 
  lv_obj_add_style(btn, &btn_red, LV_STATE_PRESSED);  /*Overwrite only some colors to red when pressed*/
 
  lv_obj_add_style(btn, &btn_red, LV_STATE_PRESSED);  /*Overwrite only some colors to red when pressed*/
 +
</syntaxhighlight>
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
=== Remove styles ===
 
=== Remove styles ===
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
To remove all styles from an object use <code style="color: #bb0000;">lv_obj_remove_style_all(obj)</code>.
 
To remove all styles from an object use <code style="color: #bb0000;">lv_obj_remove_style_all(obj)</code>.
  
 
To remove specific styles use <code style="color: #bb0000;">lv_obj_remove_style(obj, style, selector)</code>. This function will remove <code style="color: #bb0000;">style</code> only if the <code style="color: #bb0000;">selector</code> matches with the <code style="color: #bb0000;">selector</code> used in <code style="color: #bb0000;">lv_obj_add_style</code>. <code style="color: #bb0000;">style</code> can be <code style="color: #bb0000;">NULL</code> to check only the <code style="color: #bb0000;">selector</code> and remove all matching styles. The <code style="color: #bb0000;">selector</code> can use the <code style="color: #bb0000;">LV_STATE_ANY</code> and <code style="color: #bb0000;">LV_PART_ANY</code> values to remove the style from any state or part.
 
To remove specific styles use <code style="color: #bb0000;">lv_obj_remove_style(obj, style, selector)</code>. This function will remove <code style="color: #bb0000;">style</code> only if the <code style="color: #bb0000;">selector</code> matches with the <code style="color: #bb0000;">selector</code> used in <code style="color: #bb0000;">lv_obj_add_style</code>. <code style="color: #bb0000;">style</code> can be <code style="color: #bb0000;">NULL</code> to check only the <code style="color: #bb0000;">selector</code> and remove all matching styles. The <code style="color: #bb0000;">selector</code> can use the <code style="color: #bb0000;">LV_STATE_ANY</code> and <code style="color: #bb0000;">LV_PART_ANY</code> values to remove the style from any state or part.
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
=== Report style changes ===
 
=== Report style changes ===
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
If a style which is already assigned to an object changes (i.e. a property is added or changed), the objects using that style should be notified. There are 3 options to do this:
 
If a style which is already assigned to an object changes (i.e. a property is added or changed), the objects using that style should be notified. There are 3 options to do this:
  
168行目: 263行目:
 
# If more complex style properties were changed or added, and you know which object(s) are affected by that style call <code style="color: #bb0000;">lv_obj_refresh_style(obj, part, property)</code>. To refresh all parts and properties use <code style="color: #bb0000;">lv_obj_refresh_style(obj, LV_PART_ANY, LV_STYLE_PROP_ANY)</code>.
 
# If more complex style properties were changed or added, and you know which object(s) are affected by that style call <code style="color: #bb0000;">lv_obj_refresh_style(obj, part, property)</code>. To refresh all parts and properties use <code style="color: #bb0000;">lv_obj_refresh_style(obj, LV_PART_ANY, LV_STYLE_PROP_ANY)</code>.
 
# To make LVGL check all objects to see if they use a style and refresh them when needed, call <code style="color: #bb0000;">lv_obj_report_style_change(&style)</code>. If <code style="color: #bb0000;">style</code> is <code style="color: #bb0000;">NULL</code> all objects will be notified about a style change.
 
# To make LVGL check all objects to see if they use a style and refresh them when needed, call <code style="color: #bb0000;">lv_obj_report_style_change(&style)</code>. If <code style="color: #bb0000;">style</code> is <code style="color: #bb0000;">NULL</code> all objects will be notified about a style change.
 
+
|
 
+
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
  
  
 
=== Get a property's value on an object ===
 
=== Get a property's value on an object ===
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
To get a final value of property - considering cascading, inheritance, local styles and transitions (see below) - property get functions like this can be used: <code style="color: #bb0000;">lv_obj_get_style_<property_name>(obj, <part>)</code>. These functions use the object's current state and if no better candidate exists they return a default value.   For example:
 
To get a final value of property - considering cascading, inheritance, local styles and transitions (see below) - property get functions like this can be used: <code style="color: #bb0000;">lv_obj_get_style_<property_name>(obj, <part>)</code>. These functions use the object's current state and if no better candidate exists they return a default value.   For example:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  lv_color_t color = lv_obj_get_style_bg_color(btn, LV_PART_MAIN);
 
  lv_color_t color = lv_obj_get_style_bg_color(btn, LV_PART_MAIN);
 +
</syntaxhighlight>
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
== Local styles ==
 
== Local styles ==
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
In addition to "normal" styles, objects can also store local styles. This concept is similar to inline styles in CSS (e.g. <code style="color: #bb0000;"><nowiki><div style="color:red"></nowiki></code>) with some modification.
 
In addition to "normal" styles, objects can also store local styles. This concept is similar to inline styles in CSS (e.g. <code style="color: #bb0000;"><nowiki><div style="color:red"></nowiki></code>) with some modification.
  
184行目: 296行目:
  
 
To set a local property use functions like <code style="color: #bb0000;">lv_obj_set_style_<property_name>(obj, <value>, <selector>);</code>   For example:
 
To set a local property use functions like <code style="color: #bb0000;">lv_obj_set_style_<property_name>(obj, <value>, <selector>);</code>   For example:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  lv_obj_set_style_bg_color(slider, lv_color_red(), LV_PART_INDICATOR | LV_STATE_FOCUSED);
 
  lv_obj_set_style_bg_color(slider, lv_color_red(), LV_PART_INDICATOR | LV_STATE_FOCUSED);
 +
</syntaxhighlight>
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
== Properties ==
 
== Properties ==
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
For the full list of style properties click here.
 
For the full list of style properties click here.
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
=== Typical background properties ===
 
=== Typical background properties ===
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
In the documentation of the widgets you will see sentences like "The widget uses the typical background properties". These "typical background properties" are the ones related to:
 
In the documentation of the widgets you will see sentences like "The widget uses the typical background properties". These "typical background properties" are the ones related to:
  
199行目: 331行目:
 
* Width and height transformation
 
* Width and height transformation
 
* X and Y translation
 
* X and Y translation
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
== Transitions ==
 
== Transitions ==
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
By default, when an object changes state (e.g. it's pressed) the new properties from the new state are set immediately. However, with transitions it's possible to play an animation on state change. For example, on pressing a button its background color can be animated to the pressed color over 300 ms.
 
By default, when an object changes state (e.g. it's pressed) the new properties from the new state are set immediately. However, with transitions it's possible to play an animation on state change. For example, on pressing a button its background color can be animated to the pressed color over 300 ms.
  
213行目: 354行目:
  
 
To describe a transition an <code style="color: #bb0000;">lv_transition_dsc_t</code> variable needs to be initialized and added to a style:
 
To describe a transition an <code style="color: #bb0000;">lv_transition_dsc_t</code> variable needs to be initialized and added to a style:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  /*Only its pointer is saved so must static, global or dynamically allocated */
 
  /*Only its pointer is saved so must static, global or dynamically allocated */
 
  static const lv_style_prop_t trans_props[] = {
 
  static const lv_style_prop_t trans_props[] = {
223行目: 365行目:
 
   
 
   
 
  lv_style_set_transition(&style1, &trans1);
 
  lv_style_set_transition(&style1, &trans1);
 +
</syntaxhighlight>
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
== Color filter ==
 
== Color filter ==
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
TODO
 
TODO
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
== Themes ==
 
== Themes ==
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
Themes are a collection of styles. If there is an active theme LVGL applies it on every created widget. This will give a default appearance to the UI which can then be modified by adding further styles.
 
Themes are a collection of styles. If there is an active theme LVGL applies it on every created widget. This will give a default appearance to the UI which can then be modified by adding further styles.
  
238行目: 399行目:
  
 
Theme initialization functions can have different prototypes. This example shows how to set the "default" theme:
 
Theme initialization functions can have different prototypes. This example shows how to set the "default" theme:
 +
<syntaxhighlight lang="C++" style="border:1px dashed gray;">
 
  lv_theme_t * th = lv_theme_default_init(display,  /*Use the DPI, size, etc from this display*/  
 
  lv_theme_t * th = lv_theme_default_init(display,  /*Use the DPI, size, etc from this display*/  
 
                                         LV_COLOR_PALETTE_BLUE, LV_COLOR_PALETTE_CYAN,  /*Primary and secondary palette*/
 
                                         LV_COLOR_PALETTE_BLUE, LV_COLOR_PALETTE_CYAN,  /*Primary and secondary palette*/
244行目: 406行目:
 
                                          
 
                                          
 
  lv_disp_set_theme(display, th); /*Assign the theme to the display*/
 
  lv_disp_set_theme(display, th); /*Assign the theme to the display*/
 +
</syntaxhighlight>
 
The included themes are enabled in <code style="color: #bb0000;">lv_conf.h</code>. If the default theme is enabled by <code style="color: #bb0000;">LV_USE_THEME_DEFAULT 1</code> LVGL automatically initializes and sets it when a display is created.
 
The included themes are enabled in <code style="color: #bb0000;">lv_conf.h</code>. If the default theme is enabled by <code style="color: #bb0000;">LV_USE_THEME_DEFAULT 1</code> LVGL automatically initializes and sets it when a display is created.
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
=== Extending themes ===
 
=== Extending themes ===
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
Built-in themes can be extended. If a custom theme is created, a parent theme can be selected. The parent theme's styles will be added before the custom theme's styles. Any number of themes can be chained this way. E.g. default theme -> custom theme -> dark theme.
 
Built-in themes can be extended. If a custom theme is created, a parent theme can be selected. The parent theme's styles will be added before the custom theme's styles. Any number of themes can be chained this way. E.g. default theme -> custom theme -> dark theme.
  
252行目: 424行目:
  
 
There is an example for it below.
 
There is an example for it below.
 +
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
  
 
== Examples ==
 
== Examples ==
 
+
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
=== Size styles ===
 
=== Size styles ===
 
[[file:LVGL docs example 004.png|link=https://docs.lvgl.io/8.2/overview/style.html#size-styles]]
 
[[file:LVGL docs example 004.png|link=https://docs.lvgl.io/8.2/overview/style.html#size-styles]]
----
+
|
 
+
|-
 +
|
 
=== Background styles ===
 
=== Background styles ===
 
[[file:LVGL docs example 005.png|link=https://docs.lvgl.io/8.2/overview/style.html#background-styles]]
 
[[file:LVGL docs example 005.png|link=https://docs.lvgl.io/8.2/overview/style.html#background-styles]]
----
+
|
 
+
|-
 +
|
 
=== Border styles ===
 
=== Border styles ===
 
[[file:LVGL docs example 006.png|link=https://docs.lvgl.io/8.2/overview/style.html#border-styles]]
 
[[file:LVGL docs example 006.png|link=https://docs.lvgl.io/8.2/overview/style.html#border-styles]]
----
+
|
 
+
|-
 +
|
 
=== Outline styles ===
 
=== Outline styles ===
 
[[file:LVGL docs example 007.png|link=https://docs.lvgl.io/8.2/overview/style.html#outline-styles]]
 
[[file:LVGL docs example 007.png|link=https://docs.lvgl.io/8.2/overview/style.html#outline-styles]]
----
+
|
 
+
|-
 +
|
 
=== Shadow styles ===
 
=== Shadow styles ===
 
[[file:LVGL docs example 008.png|link=https://docs.lvgl.io/8.2/overview/style.html#shadow-styles]]
 
[[file:LVGL docs example 008.png|link=https://docs.lvgl.io/8.2/overview/style.html#shadow-styles]]
----
+
|
 
+
|-
 +
|
 
=== Image styles ===
 
=== Image styles ===
 
[[file:LVGL docs example 009.png|link=https://docs.lvgl.io/8.2/overview/style.html#image-styles]]
 
[[file:LVGL docs example 009.png|link=https://docs.lvgl.io/8.2/overview/style.html#image-styles]]
----
+
|
 
+
|-
 +
|
 
=== Arc styles ===
 
=== Arc styles ===
 
[[file:LVGL docs overview style 07.png|link=https://docs.lvgl.io/8.2/overview/style.html#arc-styles]]
 
[[file:LVGL docs overview style 07.png|link=https://docs.lvgl.io/8.2/overview/style.html#arc-styles]]
----
+
|
 
+
|-
 +
|
 
=== Text styles ===
 
=== Text styles ===
 
[[file:LVGL docs example 010.png|link=https://docs.lvgl.io/8.2/overview/style.html#text-styles]]
 
[[file:LVGL docs example 010.png|link=https://docs.lvgl.io/8.2/overview/style.html#text-styles]]
----
+
|
 
+
|-
 +
|
 
=== Line styles ===
 
=== Line styles ===
 
[[file:LVGL docs example 011.png|link=https://docs.lvgl.io/8.2/overview/style.html#line-styles]]
 
[[file:LVGL docs example 011.png|link=https://docs.lvgl.io/8.2/overview/style.html#line-styles]]
----
+
|
 
+
|-
 +
|
 
=== Transition ===
 
=== Transition ===
 
[[file:LVGL docs example 012.png|link=https://docs.lvgl.io/8.2/overview/style.html#transition]]
 
[[file:LVGL docs example 012.png|link=https://docs.lvgl.io/8.2/overview/style.html#transition]]
----
+
|
 
+
|-
 +
|
 
=== Using multiple styles ===
 
=== Using multiple styles ===
 
[[file:LVGL docs example 013.png|link=https://docs.lvgl.io/8.2/overview/style.html#using-multiple-styles]]
 
[[file:LVGL docs example 013.png|link=https://docs.lvgl.io/8.2/overview/style.html#using-multiple-styles]]
----
+
|
 
+
|-
 +
|
 
=== Local styles ===
 
=== Local styles ===
 
[[file:LVGL docs example 014.png|link=https://docs.lvgl.io/8.2/overview/style.html#id1]]
 
[[file:LVGL docs example 014.png|link=https://docs.lvgl.io/8.2/overview/style.html#id1]]
----
+
|
 
+
|-
 +
|
 
=== Add styles to parts and states ===
 
=== Add styles to parts and states ===
 
[[file:LVGL docs example 016.png|link=https://docs.lvgl.io/8.2/overview/style.html#add-styles-to-parts-and-states]]
 
[[file:LVGL docs example 016.png|link=https://docs.lvgl.io/8.2/overview/style.html#add-styles-to-parts-and-states]]
----
+
|
 
+
|-
 +
|
 
=== Extending the current theme ===
 
=== Extending the current theme ===
 
[[file:LVGL docs example 017.png|link=https://docs.lvgl.io/8.2/overview/style.html#extending-the-current-theme]]
 
[[file:LVGL docs example 017.png|link=https://docs.lvgl.io/8.2/overview/style.html#extending-the-current-theme]]
----
+
|
 +
|}
 +
:[[App:Library:LVGL#Overview|戻る : Previous]]
 +
 
  
 
== API ==
 
== API ==
 +
{| class="wikitable"
 +
!英文
 +
!自動翻訳
 +
|-
 +
|
 
Typedefs
 
Typedefs
  
typedef uint8_t lv_blend_mode_t  
+
<span style="background-color:#e7f2fa;color:#2980b9;">typedef uint8_t lv_blend_mode_t </span>
 
:
 
:
  
typedef uint8_t lv_text_decor_t  
+
<span style="background-color:#e7f2fa;color:#2980b9;">typedef uint8_t lv_text_decor_t </span>
 
:
 
:
  
typedef uint8_t lv_border_side_t  
+
<span style="background-color:#e7f2fa;color:#2980b9;">typedef uint8_t lv_border_side_t </span>
 
:
 
:
  
typedef uint8_t lv_grad_dir_t  
+
<span style="background-color:#e7f2fa;color:#2980b9;">typedef uint8_t lv_grad_dir_t </span>
 
:
 
:
  
typedef uint8_t lv_dither_mode_t  
+
<span style="background-color:#e7f2fa;color:#2980b9;">typedef uint8_t lv_dither_mode_t </span>
 
:
 
:
  
 
Enums
 
Enums
  
enum [anonymous]  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enum [anonymous] </span>
 
: Possible options how to blend opaque drawings  ''Values:''
 
: Possible options how to blend opaque drawings  ''Values:''
: enumerator LV_BLEND_MODE_NORMAL  
+
: <span style="background-color: #eeeeee;">enumerator LV_BLEND_MODE_NORMAL </span>
 
:: Simply mix according to the opacity value
 
:: Simply mix according to the opacity value
: enumerator LV_BLEND_MODE_ADDITIVE  
+
: <span style="background-color: #eeeeee;">enumerator LV_BLEND_MODE_ADDITIVE </span>
 
:: Add the respective color channels
 
:: Add the respective color channels
: enumerator LV_BLEND_MODE_SUBTRACTIVE  
+
: <span style="background-color: #eeeeee;">enumerator LV_BLEND_MODE_SUBTRACTIVE </span>
 
:: Subtract the foreground from the background
 
:: Subtract the foreground from the background
: enumerator LV_BLEND_MODE_MULTIPLY  
+
: <span style="background-color: #eeeeee;">enumerator LV_BLEND_MODE_MULTIPLY </span>
 
:: Multiply the foreground and background
 
:: Multiply the foreground and background
: enumerator LV_BLEND_MODE_REPLACE  
+
: <span style="background-color: #eeeeee;">enumerator LV_BLEND_MODE_REPLACE </span>
 
:: Replace background with foreground in the area
 
:: Replace background with foreground in the area
  
enum [anonymous]  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enum [anonymous] </span>
 
: Some options to apply decorations on texts. 'OR'ed values can be used.  ''Values:''
 
: Some options to apply decorations on texts. 'OR'ed values can be used.  ''Values:''
: enumerator LV_TEXT_DECOR_NONE  
+
: <span style="background-color: #eeeeee;">enumerator LV_TEXT_DECOR_NONE </span>
 
::
 
::
: enumerator LV_TEXT_DECOR_UNDERLINE  
+
: <span style="background-color: #eeeeee;">enumerator LV_TEXT_DECOR_UNDERLINE </span>
 
::
 
::
: enumerator LV_TEXT_DECOR_STRIKETHROUGH  
+
: <span style="background-color: #eeeeee;">enumerator LV_TEXT_DECOR_STRIKETHROUGH </span>
 
::
 
::
  
enum [anonymous]  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enum [anonymous] </span>
 
: Selects on which sides border should be drawn 'OR'ed values can be used.  ''Values:''
 
: Selects on which sides border should be drawn 'OR'ed values can be used.  ''Values:''
: enumerator LV_BORDER_SIDE_NONE  
+
: <span style="background-color: #eeeeee;">enumerator LV_BORDER_SIDE_NONE </span>
 
::
 
::
: enumerator LV_BORDER_SIDE_BOTTOM  
+
: <span style="background-color: #eeeeee;">enumerator LV_BORDER_SIDE_BOTTOM </span>
 
::
 
::
: enumerator LV_BORDER_SIDE_TOP  
+
: <span style="background-color: #eeeeee;">enumerator LV_BORDER_SIDE_TOP </span>
 
::
 
::
: enumerator LV_BORDER_SIDE_LEFT  
+
: <span style="background-color: #eeeeee;">enumerator LV_BORDER_SIDE_LEFT </span>
 
::
 
::
: enumerator LV_BORDER_SIDE_RIGHT  
+
: <span style="background-color: #eeeeee;">enumerator LV_BORDER_SIDE_RIGHT </span>
 
::
 
::
: enumerator LV_BORDER_SIDE_FULL  
+
: <span style="background-color: #eeeeee;">enumerator LV_BORDER_SIDE_FULL </span>
 
::
 
::
: enumerator LV_BORDER_SIDE_INTERNAL  
+
: <span style="background-color: #eeeeee;">enumerator LV_BORDER_SIDE_INTERNAL </span>
 
:: FOR matrix-like objects (e.g. Button matrix)
 
:: FOR matrix-like objects (e.g. Button matrix)
  
enum [anonymous]  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enum [anonymous] </span>
 
: The direction of the gradient.  ''Values:''
 
: The direction of the gradient.  ''Values:''
: enumerator LV_GRAD_DIR_NONE  
+
: <span style="background-color: #eeeeee;">enumerator LV_GRAD_DIR_NONE </span>
 
:: No gradient (the <code style="color: #bb0000;">grad_c</code><code style="color: #bb0000;">olor</code> property is ignored)
 
:: No gradient (the <code style="color: #bb0000;">grad_c</code><code style="color: #bb0000;">olor</code> property is ignored)
: enumerator LV_GRAD_DIR_VER  
+
: <span style="background-color: #eeeeee;">enumerator LV_GRAD_DIR_VER </span>
 
:: Vertical (top to bottom) gradient
 
:: Vertical (top to bottom) gradient
: enumerator LV_GRAD_DIR_HOR  
+
: <span style="background-color: #eeeeee;">enumerator LV_GRAD_DIR_HOR </span>
 
:: Horizontal (left to right) gradient
 
:: Horizontal (left to right) gradient
  
enum [anonymous]  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enum [anonymous] </span>
 
: The dithering algorithm for the gradient Depends on LV_DITHER_GRADIENT  ''Values:''
 
: The dithering algorithm for the gradient Depends on LV_DITHER_GRADIENT  ''Values:''
: enumerator LV_DITHER_NONE  
+
: <span style="background-color: #eeeeee;">enumerator LV_DITHER_NONE </span>
 
:: No dithering, colors are just quantized to the output resolution
 
:: No dithering, colors are just quantized to the output resolution
: enumerator LV_DITHER_ORDERED  
+
: <span style="background-color: #eeeeee;">enumerator LV_DITHER_ORDERED </span>
 
:: Ordered dithering. Faster to compute and use less memory but lower quality
 
:: Ordered dithering. Faster to compute and use less memory but lower quality
: enumerator LV_DITHER_ERR_DIFF  
+
: <span style="background-color: #eeeeee;">enumerator LV_DITHER_ERR_DIFF </span>
 
:: Error diffusion mode. Slower to compute and use more memory but give highest dither quality
 
:: Error diffusion mode. Slower to compute and use more memory but give highest dither quality
  
enum lv_style_prop_t  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enum lv_style_prop_t </span>
 
: Enumeration of all built in style properties
 
: Enumeration of all built in style properties
  
395行目: 596行目:
 
''Values:''
 
''Values:''
  
enumerator LV_STYLE_PROP_INV  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_PROP_INV </span>
 
:
 
:
  
enumerator LV_STYLE_WIDTH  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_WIDTH </span>
 
:
 
:
  
enumerator LV_STYLE_MIN_WIDTH  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_MIN_WIDTH </span>
 
:
 
:
  
enumerator LV_STYLE_MAX_WIDTH  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_MAX_WIDTH </span>
 
:
 
:
  
enumerator LV_STYLE_HEIGHT  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_HEIGHT </span>
 
:
 
:
  
enumerator LV_STYLE_MIN_HEIGHT  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_MIN_HEIGHT </span>
 
:
 
:
  
enumerator LV_STYLE_MAX_HEIGHT  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_MAX_HEIGHT </span>
 
:
 
:
  
enumerator LV_STYLE_X  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_X </span>
 
:
 
:
  
enumerator LV_STYLE_Y  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_Y </span>
 
:
 
:
  
enumerator LV_STYLE_ALIGN  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_ALIGN </span>
 
:
 
:
  
enumerator LV_STYLE_TRANSFORM_WIDTH  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TRANSFORM_WIDTH </span>
 
:
 
:
  
enumerator LV_STYLE_TRANSFORM_HEIGHT  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TRANSFORM_HEIGHT </span>
 
:
 
:
  
enumerator LV_STYLE_TRANSLATE_X  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TRANSLATE_X </span>
 
:
 
:
  
enumerator LV_STYLE_TRANSLATE_Y  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TRANSLATE_Y </span>
 
:
 
:
  
enumerator LV_STYLE_TRANSFORM_ZOOM  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TRANSFORM_ZOOM </span>
 
:
 
:
  
enumerator LV_STYLE_TRANSFORM_ANGLE  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TRANSFORM_ANGLE </span>
 
:
 
:
  
enumerator LV_STYLE_PAD_TOP  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_PAD_TOP </span>
 
:
 
:
  
enumerator LV_STYLE_PAD_BOTTOM  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_PAD_BOTTOM </span>
 
:
 
:
  
enumerator LV_STYLE_PAD_LEFT  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_PAD_LEFT </span>
 
:
 
:
  
enumerator LV_STYLE_PAD_RIGHT  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_PAD_RIGHT </span>
 
:
 
:
  
enumerator LV_STYLE_PAD_ROW  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_PAD_ROW </span>
 
:
 
:
  
enumerator LV_STYLE_PAD_COLUMN  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_PAD_COLUMN </span>
 
:
 
:
  
enumerator LV_STYLE_BG_COLOR  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_COLOR </span>
 
:
 
:
  
enumerator LV_STYLE_BG_COLOR_FILTERED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_COLOR_FILTERED </span>
 
:
 
:
  
enumerator LV_STYLE_BG_OPA  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_OPA </span>
 
:
 
:
  
enumerator LV_STYLE_BG_GRAD_COLOR  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_GRAD_COLOR </span>
 
:
 
:
  
enumerator LV_STYLE_BG_GRAD_COLOR_FILTERED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_GRAD_COLOR_FILTERED </span>
 
:
 
:
  
enumerator LV_STYLE_BG_GRAD_DIR  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_GRAD_DIR </span>
 
:
 
:
  
enumerator LV_STYLE_BG_MAIN_STOP  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_MAIN_STOP </span>
 
:
 
:
  
enumerator LV_STYLE_BG_GRAD_STOP  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_GRAD_STOP </span>
 
:
 
:
  
enumerator LV_STYLE_BG_GRAD  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_GRAD </span>
 
:
 
:
  
enumerator LV_STYLE_BG_DITHER_MODE  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_DITHER_MODE </span>
 
:
 
:
  
enumerator LV_STYLE_BG_IMG_SRC  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_IMG_SRC </span>
 
:
 
:
  
enumerator LV_STYLE_BG_IMG_OPA  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_IMG_OPA </span>
 
:
 
:
  
enumerator LV_STYLE_BG_IMG_RECOLOR  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_IMG_RECOLOR </span>
 
:
 
:
  
enumerator LV_STYLE_BG_IMG_RECOLOR_FILTERED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_IMG_RECOLOR_FILTERED </span>
 
:
 
:
  
enumerator LV_STYLE_BG_IMG_RECOLOR_OPA  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_IMG_RECOLOR_OPA </span>
 
:
 
:
  
enumerator LV_STYLE_BG_IMG_TILED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BG_IMG_TILED </span>
 
:
 
:
  
enumerator LV_STYLE_BORDER_COLOR  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BORDER_COLOR </span>
 
:
 
:
  
enumerator LV_STYLE_BORDER_COLOR_FILTERED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BORDER_COLOR_FILTERED </span>
 
:
 
:
  
enumerator LV_STYLE_BORDER_OPA  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BORDER_OPA </span>
 
:
 
:
  
enumerator LV_STYLE_BORDER_WIDTH  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BORDER_WIDTH </span>
 
:
 
:
  
enumerator LV_STYLE_BORDER_SIDE  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BORDER_SIDE </span>
 
:
 
:
  
enumerator LV_STYLE_BORDER_POST  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BORDER_POST </span>
 
:
 
:
  
enumerator LV_STYLE_OUTLINE_WIDTH  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_OUTLINE_WIDTH </span>
 
:
 
:
  
enumerator LV_STYLE_OUTLINE_COLOR  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_OUTLINE_COLOR </span>
 
:
 
:
  
enumerator LV_STYLE_OUTLINE_COLOR_FILTERED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_OUTLINE_COLOR_FILTERED </span>
 
:
 
:
  
enumerator LV_STYLE_OUTLINE_OPA  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_OUTLINE_OPA </span>
 
:
 
:
  
enumerator LV_STYLE_OUTLINE_PAD  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_OUTLINE_PAD </span>
 
:
 
:
  
enumerator LV_STYLE_SHADOW_WIDTH  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_SHADOW_WIDTH </span>
 
:
 
:
  
enumerator LV_STYLE_SHADOW_OFS_X  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_SHADOW_OFS_X </span>
 
:
 
:
  
enumerator LV_STYLE_SHADOW_OFS_Y  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_SHADOW_OFS_Y </span>
 
:
 
:
  
enumerator LV_STYLE_SHADOW_SPREAD  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_SHADOW_SPREAD </span>
 
:
 
:
  
enumerator LV_STYLE_SHADOW_COLOR  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_SHADOW_COLOR </span>
 
:
 
:
  
enumerator LV_STYLE_SHADOW_COLOR_FILTERED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_SHADOW_COLOR_FILTERED </span>
 
:
 
:
  
enumerator LV_STYLE_SHADOW_OPA  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_SHADOW_OPA </span>
 
:
 
:
  
enumerator LV_STYLE_IMG_OPA  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_IMG_OPA </span>
 
:
 
:
  
enumerator LV_STYLE_IMG_RECOLOR  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_IMG_RECOLOR </span>
 
:
 
:
  
enumerator LV_STYLE_IMG_RECOLOR_FILTERED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_IMG_RECOLOR_FILTERED </span>
 
:
 
:
  
enumerator LV_STYLE_IMG_RECOLOR_OPA  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_IMG_RECOLOR_OPA </span>
 
:
 
:
  
enumerator LV_STYLE_LINE_WIDTH  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_LINE_WIDTH </span>
 
:
 
:
  
enumerator LV_STYLE_LINE_DASH_WIDTH  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_LINE_DASH_WIDTH </span>
 
:
 
:
  
enumerator LV_STYLE_LINE_DASH_GAP  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_LINE_DASH_GAP </span>
 
:
 
:
  
enumerator LV_STYLE_LINE_ROUNDED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_LINE_ROUNDED </span>
 
:
 
:
  
enumerator LV_STYLE_LINE_COLOR  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_LINE_COLOR </span>
 
:
 
:
  
enumerator LV_STYLE_LINE_COLOR_FILTERED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_LINE_COLOR_FILTERED </span>
 
:
 
:
  
enumerator LV_STYLE_LINE_OPA  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_LINE_OPA </span>
 
:
 
:
  
enumerator LV_STYLE_ARC_WIDTH  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_ARC_WIDTH </span>
 
:
 
:
  
enumerator LV_STYLE_ARC_ROUNDED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_ARC_ROUNDED </span>
 
:
 
:
  
enumerator LV_STYLE_ARC_COLOR  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_ARC_COLOR </span>
 
:
 
:
  
enumerator LV_STYLE_ARC_COLOR_FILTERED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_ARC_COLOR_FILTERED </span>
 
:
 
:
  
enumerator LV_STYLE_ARC_OPA  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_ARC_OPA </span>
 
:
 
:
  
enumerator LV_STYLE_ARC_IMG_SRC  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_ARC_IMG_SRC </span>
 
:
 
:
  
enumerator LV_STYLE_TEXT_COLOR  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TEXT_COLOR </span>
 
:
 
:
  
enumerator LV_STYLE_TEXT_COLOR_FILTERED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TEXT_COLOR_FILTERED </span>
 
:
 
:
  
enumerator LV_STYLE_TEXT_OPA  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TEXT_OPA </span>
 
:
 
:
  
enumerator LV_STYLE_TEXT_FONT  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TEXT_FONT </span>
 
:
 
:
  
enumerator LV_STYLE_TEXT_LETTER_SPACE  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TEXT_LETTER_SPACE </span>
 
:
 
:
  
enumerator LV_STYLE_TEXT_LINE_SPACE  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TEXT_LINE_SPACE </span>
 
:
 
:
  
enumerator LV_STYLE_TEXT_DECOR  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TEXT_DECOR </span>
 
:
 
:
  
enumerator LV_STYLE_TEXT_ALIGN  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TEXT_ALIGN </span>
 
:
 
:
  
enumerator LV_STYLE_RADIUS  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_RADIUS </span>
 
:
 
:
  
enumerator LV_STYLE_CLIP_CORNER  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_CLIP_CORNER </span>
 
:
 
:
  
enumerator LV_STYLE_OPA  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_OPA </span>
 
:
 
:
  
enumerator LV_STYLE_COLOR_FILTER_DSC  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_COLOR_FILTER_DSC </span>
 
:
 
:
  
enumerator LV_STYLE_COLOR_FILTER_OPA  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_COLOR_FILTER_OPA </span>
 
:
 
:
  
enumerator LV_STYLE_ANIM_TIME  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_ANIM_TIME </span>
 
:
 
:
  
enumerator LV_STYLE_ANIM_SPEED  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_ANIM_SPEED </span>
 
:
 
:
  
enumerator LV_STYLE_TRANSITION  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_TRANSITION </span>
 
:
 
:
  
enumerator LV_STYLE_BLEND_MODE  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BLEND_MODE </span>
 
:
 
:
  
enumerator LV_STYLE_LAYOUT  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_LAYOUT </span>
 
:
 
:
  
enumerator LV_STYLE_BASE_DIR  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_BASE_DIR </span>
 
:
 
:
  
enumerator _LV_STYLE_LAST_BUILT_IN_PROP  
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator _LV_STYLE_LAST_BUILT_IN_PROP </span>
 
:
 
:
  
enumerator LV_STYLE_PROP_ANY
+
<span style="background-color:#e7f2fa;color:#2980b9;">enumerator LV_STYLE_PROP_ANY</span>
  
  
680行目: 881行目:
 
Functions
 
Functions
  
LV_EXPORT_CONST_INT(LV_IMG_ZOOM_NONE)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">LV_EXPORT_CONST_INT(LV_IMG_ZOOM_NONE) </span>
 
:
 
:
  
void lv_style_init(lv_style_t *style)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_init(lv_style_t *style) </span>
 
: Initialize a style  Note  Do not call <code style="color: #bb0000;">lv_style_init</code> on styles that already have some properties because this function won't free the used memory, just sets a default state for the style. In other words be sure to initialize styles only once!
 
: Initialize a style  Note  Do not call <code style="color: #bb0000;">lv_style_init</code> on styles that already have some properties because this function won't free the used memory, just sets a default state for the style. In other words be sure to initialize styles only once!
 
: Parameters
 
: Parameters
 
:: style -- pointer to a style to initialize
 
:: style -- pointer to a style to initialize
  
void lv_style_reset(lv_style_t *style)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_reset(lv_style_t *style) </span>
 
: Clear all properties from a style and free all allocated memories.
 
: Clear all properties from a style and free all allocated memories.
 
: Parameters
 
: Parameters
 
:: style -- pointer to a style
 
:: style -- pointer to a style
  
lv_style_prop_t lv_style_register_prop(void)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_style_prop_t lv_style_register_prop(void) </span>
 
:
 
:
  
bool lv_style_remove_prop(lv_style_t *style, lv_style_prop_t prop)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">bool lv_style_remove_prop(lv_style_t *style, lv_style_prop_t prop) </span>
 
: Remove a property from a style
 
: Remove a property from a style
 
: Parameters
 
: Parameters
704行目: 905行目:
 
:: true: the property was found and removed; false: the property wasn't found
 
:: true: the property was found and removed; false: the property wasn't found
  
void lv_style_set_prop(lv_style_t *style, lv_style_prop_t prop, lv_style_value_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_prop(lv_style_t *style, lv_style_prop_t prop, lv_style_value_t value) </span>
 
: Set the value of property in a style. This function shouldn't be used directly by the user. Instead use <code style="color: #bb0000;">lv_style_set_<prop_name>()</code>. E.g. <code style="color: #bb0000;">lv_style_set_bg_color()</code>
 
: Set the value of property in a style. This function shouldn't be used directly by the user. Instead use <code style="color: #bb0000;">lv_style_set_<prop_name>()</code>. E.g. <code style="color: #bb0000;">lv_style_set_bg_color()</code>
 
: Parameters
 
: Parameters
711行目: 912行目:
 
::* value -- <code style="color: #bb0000;">lv_style_value_t</code> variable in which a field is set according to the type of <code style="color: #bb0000;">prop</code>
 
::* value -- <code style="color: #bb0000;">lv_style_value_t</code> variable in which a field is set according to the type of <code style="color: #bb0000;">prop</code>
  
lv_res_t lv_style_get_prop(const lv_style_t *style, lv_style_prop_t prop, lv_style_value_t *value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_res_t lv_style_get_prop(const lv_style_t *style, lv_style_prop_t prop, lv_style_value_t *value) </span>
 
: Get the value of a property  Note  For performance reasons there are no sanity check on <code style="color: #bb0000;">style</code>  
 
: Get the value of a property  Note  For performance reasons there are no sanity check on <code style="color: #bb0000;">style</code>  
 
: Parameters
 
: Parameters
727行目: 928行目:
 
::* value -- pointer to a <code style="color: #bb0000;">lv_style_value_t</code> variable to store the value
 
::* value -- pointer to a <code style="color: #bb0000;">lv_style_value_t</code> variable to store the value
 
: Returns
 
: Returns
:: LV_RES_INV: the property wasn't found in the style (<code style="color: #bb0000;">value</code> is unchanged) LV_RES_OK: the property was fond, and <code style="color: #bb0000;">value</code> is set accordingly
+
:: LV_RES_INV: the property wasn't found in the style (<code style="color: #bb0000;">value</code> is unchanged) LV_RES_OK: the property was fond, and <code style="color: #bb0000;">val<span style="background-color:#e7f2fa;color:#2980b9;">ue</code> is set accordingly</span>
  
void lv_style_transition_dsc_init(lv_style_transition_dsc_t *tr, const lv_style_prop_t props[], lv_anim_path_cb_t path_cb, uint32_t time, uint32_t delay, void *user_data)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_transition_dsc_init(lv_style_transition_dsc_t *tr, const lv_style_prop_t props[], lv_anim_path_cb_t path_cb, uint32_t time, uint32_t delay, void *user_data) </span>
 
:
 
:
  
lv_style_value_t lv_style_prop_get_default(lv_style_prop_t prop)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_style_value_t lv_style_prop_get_default(lv_style_prop_t prop) </span>
 
: Get the default value of a property
 
: Get the default value of a property
 
: Parameters
 
: Parameters
739行目: 940行目:
 
:: the default value
 
:: the default value
  
bool lv_style_is_empty(const lv_style_t *style)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">bool lv_style_is_empty(const lv_style_t *style) </span>
 
: Checks if a style is empty (has no properties)
 
: Checks if a style is empty (has no properties)
 
: Parameters
 
: Parameters
746行目: 947行目:
 
:: true if the style is empty
 
:: true if the style is empty
  
uint8_t _lv_style_get_prop_group(lv_style_prop_t prop)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">uint8_t _lv_style_get_prop_group(lv_style_prop_t prop) </span>
 
: Tell the group of a property. If the a property from a group is set in a style the (1 << group) bit of style->has_group is set. It allows early skipping the style if the property is not exists in the style at all.
 
: Tell the group of a property. If the a property from a group is set in a style the (1 << group) bit of style->has_group is set. It allows early skipping the style if the property is not exists in the style at all.
 
: Parameters
 
: Parameters
753行目: 954行目:
 
:: the group [0..7] 7 means all the custom properties with index > 112
 
:: the group [0..7] 7 means all the custom properties with index > 112
  
static inline void lv_style_set_size(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline void lv_style_set_size(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
static inline void lv_style_set_pad_all(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline void lv_style_set_pad_all(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
static inline void lv_style_set_pad_hor(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline void lv_style_set_pad_hor(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
static inline void lv_style_set_pad_ver(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline void lv_style_set_pad_ver(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
static inline void lv_style_set_pad_gap(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline void lv_style_set_pad_gap(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
struct lv_gradient_stop_t  
+
<span style="background-color:#e7f2fa;color:#2980b9;">struct lv_gradient_stop_t </span>
 
: ''#include <lv_style.h>'' A gradient stop definition. This matches a color and a position in a virtual 0-255 scale.  Public Members
 
: ''#include <lv_style.h>'' A gradient stop definition. This matches a color and a position in a virtual 0-255 scale.  Public Members
 
: lv_color_t color  
 
: lv_color_t color  
775行目: 976行目:
 
:: The stop position in 1/255 unit
 
:: The stop position in 1/255 unit
  
struct lv_grad_dsc_t
+
<span style="background-color:#e7f2fa;color:#2980b9;">struct lv_grad_dsc_t</span>
 
: ''#include <lv_sty''''le.h>'' A descriptor of a gradient.  Public Members
 
: ''#include <lv_sty''''le.h>'' A descriptor of a gradient.  Public Members
 
: lv_gradient_stop_t stops[LV_GRADIENT_MAX_STOPS]  
 
: lv_gradient_stop_t stops[LV_GRADIENT_MAX_STOPS]  
786行目: 987行目:
 
:: Whether to dither the gradient or not. Any of LV_DITHER_NONE, LV_DITHER_ORDERED, LV_DITHER_ERR_DIFF
 
:: Whether to dither the gradient or not. Any of LV_DITHER_NONE, LV_DITHER_ORDERED, LV_DITHER_ERR_DIFF
  
union lv_style_value_t  
+
<span style="background-color:#e7f2fa;color:#2980b9;">union lv_style_value_t </span>
 
: ''#include <lv_style''''.h>'' A common type to handle all the property types in the same way.  Public Members
 
: ''#include <lv_style''''.h>'' A common type to handle all the property types in the same way.  Public Members
 
: int32_t num  
 
: int32_t num  
796行目: 997行目:
  
  
struct lv_style_transition_dsc_t  
+
<span style="background-color:#e7f2fa;color:#2980b9;">struct lv_style_transition_dsc_t </span>
 
: ''#include <lv_style.h>'' Descriptor for style transitions  Public Members
 
: ''#include <lv_style.h>'' Descriptor for style transitions  Public Members
 
: const lv_style_prop_t *props  
 
: const lv_style_prop_t *props  
809行目: 1,010行目:
 
:: Delay before the transition in [ms]
 
:: Delay before the transition in [ms]
  
struct lv_style_const_prop_t  
+
<span style="background-color:#e7f2fa;color:#2980b9;">struct lv_style_const_prop_t </span>
 
: ''#include <lv_style.h>'' Descriptor of a constant style property.  Public Members
 
: ''#include <lv_style.h>'' Descriptor of a constant style property.  Public Members
 
: lv_style_prop_t prop  
 
: lv_style_prop_t prop  
816行目: 1,017行目:
 
::
 
::
  
struct lv_style_t  
+
<span style="background-color:#e7f2fa;color:#2980b9;">struct lv_style_t </span>
 
: ''#include <lv_''''style.h>'' Descriptor of a style (a collection of properties and values).  Public Members
 
: ''#include <lv_''''style.h>'' Descriptor of a style (a collection of properties and values).  Public Members
: uint32_t sentinel  
+
: <span style="background-color: #eeeeee;">uint32_t sentinel </span>
 
::
 
::
: lv_style_value_t value1  
+
: <span style="background-color: #eeeeee;">lv_style_value_t value1 </span>
 
::
 
::
: uint8_t *values_and_props  
+
: <span style="background-color: #eeeeee;">uint8_t *values_and_props </span>
 
::
 
::
: const lv_style_const_prop_t *const_props  
+
: <span style="background-color: #eeeeee;">const lv_style_const_prop_t *const_props </span>
 
::
 
::
: <nowiki>union lv_style_t::[anonymous] </nowiki>v_p  
+
: <span style="background-color: #eeeeee;"><nowiki>union lv_style_t::[anonymous] </nowiki>v_p </span>
 
::
 
::
: uint16_t prop1  
+
: <span style="background-color: #eeeeee;">uint16_t prop1 </span>
 
::  
 
::  
: uint16_t is_const  
+
: <span style="background-color: #eeeeee;">uint16_t is_const </span>
 
::
 
::
: uint8_t has_group  
+
: <span style="background-color: #eeeeee;">uint8_t has_group </span>
 
::
 
::
: uint8_t prop_cnt
+
: <span style="background-color: #eeeeee;">uint8_t prop_cnt</span>
  
 
Typedefs
 
Typedefs
  
typedef void (*lv_theme_apply_cb_t)(struct _lv_theme_t*, lv_obj_t*)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">typedef void (*lv_theme_apply_cb_t)(struct _lv_theme_t*, lv_obj_t*) </span>
 
:
 
:
  
typedef struct _lv_theme_t lv_theme_t  
+
<span style="background-color:#e7f2fa;color:#2980b9;">typedef struct _lv_theme_t lv_theme_t </span>
 
:
 
:
  
847行目: 1,048行目:
  
  
lv_theme_t *lv_theme_get_from_obj(lv_obj_t *obj)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_theme_t *lv_theme_get_from_obj(lv_obj_t *obj) </span>
 
: Get the theme assigned to the display of the object
 
: Get the theme assigned to the display of the object
 
: Parameters
 
: Parameters
854行目: 1,055行目:
 
:: the theme of the object's display (can be NULL)
 
:: the theme of the object's display (can be NULL)
  
void lv_theme_apply(lv_obj_t *obj)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_theme_apply(lv_obj_t *obj) </span>
 
: Apply the active theme on an object
 
: Apply the active theme on an object
 
: Parameters
 
: Parameters
 
:: obj -- pointer to an object
 
:: obj -- pointer to an object
  
void lv_theme_set_parent(lv_theme_t *new_theme, lv_theme_t *parent)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_theme_set_parent(lv_theme_t *new_theme, lv_theme_t *parent) </span>
 
: Set a base theme for a theme. The styles from the base them will be added before the styles of the current theme. Arbitrary long chain of themes can be created by setting base themes.
 
: Set a base theme for a theme. The styles from the base them will be added before the styles of the current theme. Arbitrary long chain of themes can be created by setting base themes.
 
: Parameters
 
: Parameters
865行目: 1,066行目:
 
::* parent -- pointer to the base theme
 
::* parent -- pointer to the base theme
  
void lv_theme_set_apply_cb(lv_theme_t *theme, lv_theme_apply_cb_t apply_cb)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_theme_set_apply_cb(lv_theme_t *theme, lv_theme_apply_cb_t apply_cb) </span>
 
: Set an apply callback for a theme. The apply callback is used to add styles to different objects
 
: Set an apply callback for a theme. The apply callback is used to add styles to different objects
 
: Parameters
 
: Parameters
871行目: 1,072行目:
 
::* apply_cb -- pointer to the callback
 
::* apply_cb -- pointer to the callback
  
const lv_font_t *lv_theme_get_font_small(lv_obj_t *obj)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">const lv_font_t *lv_theme_get_font_small(lv_obj_t *obj) </span>
 
: Get the small font of the theme
 
: Get the small font of the theme
 
: Parameters
 
: Parameters
878行目: 1,079行目:
 
:: pointer to the font
 
:: pointer to the font
  
const lv_font_t *lv_theme_get_font_normal(lv_obj_t *obj)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">const lv_font_t *lv_theme_get_font_normal(lv_obj_t *obj) </span>
 
: Get the normal font of the theme
 
: Get the normal font of the theme
 
: Parameters
 
: Parameters
885行目: 1,086行目:
 
:: pointer to the font
 
:: pointer to the font
  
const lv_font_t *lv_theme_get_font_large(lv_obj_t *obj)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">const lv_font_t *lv_theme_get_font_large(lv_obj_t *obj) </span>
 
: Get the subtitle font of the theme
 
: Get the subtitle font of the theme
 
: Parameters
 
: Parameters
892行目: 1,093行目:
 
:: pointer to the font
 
:: pointer to the font
  
lv_color_t lv_theme_get_color_primary(lv_obj_t *obj)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_theme_get_color_primary(lv_obj_t *obj) </span>
 
: Get the primary color of the theme
 
: Get the primary color of the theme
 
: Parameters
 
: Parameters
899行目: 1,100行目:
 
:: the color
 
:: the color
  
lv_color_t lv_theme_get_color_secondary(lv_obj_t *obj)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_theme_get_color_secondary(lv_obj_t *obj) </span>
 
: Get the secondary color of the theme
 
: Get the secondary color of the theme
 
: Parameters
 
: Parameters
906行目: 1,107行目:
 
:: the color
 
:: the color
  
struct _lv_theme_t  
+
<span style="background-color:#e7f2fa;color:#2980b9;">struct _lv_theme_t </span>
 
: Public Members
 
: Public Members
: lv_theme_apply_cb_t apply_cb  
+
: <span style="background-color: #eeeeee;">lv_theme_apply_cb_t apply_cb </span>
 
::
 
::
: struct _lv_theme_t *parent  
+
: <span style="background-color: #eeeeee;">struct _lv_theme_t *parent </span>
 
:: Apply the current theme's style on top of this theme.
 
:: Apply the current theme's style on top of this theme.
: void *user_data  
+
: <span style="background-color: #eeeeee;">void *user_data </span>
 
::
 
::
: struct _lv_disp_t *disp  
+
: <span style="background-color: #eeeeee;">struct _lv_disp_t *disp </span>
 
::
 
::
: lv_color_t color_primary  
+
: <span style="background-color: #eeeeee;">lv_color_t color_primary </span>
 
::
 
::
: lv_color_t color_secondary  
+
: <span style="background-color: #eeeeee;">lv_color_t color_secondary </span>
 
::
 
::
: const lv_font_t *font_small  
+
: <span style="background-color: #eeeeee;">const lv_font_t *font_small </span>
 
::
 
::
: const lv_font_t *font_normal  
+
: <span style="background-color: #eeeeee;">const lv_font_t *font_normal </span>
 
::
 
::
: const lv_font_t *font_large  
+
: <span style="background-color: #eeeeee;">const lv_font_t *font_large </span>
 
::
 
::
: uint32_t flags  
+
: <span style="background-color: #eeeeee;">uint32_t flags </span>
 +
 
 
Functions
 
Functions
  
static inline lv_coord_t lv_obj_get_style_width(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_width(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_min_width(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_min_width(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_max_width(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_max_width(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_height(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_height(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_min_height(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_min_height(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_max_height(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_max_height(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_x(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_x(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_y(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_y(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_align_t lv_obj_get_style_align(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_align_t lv_obj_get_style_align(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_transform_width(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_transform_width(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_transform_height(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_transform_height(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_translate_x(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_translate_x(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_translate_y(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_translate_y(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_transform_zoom(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_transform_zoom(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_transform_angle(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_transform_angle(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_pad_top(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_pad_top(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_pad_bottom(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_pad_bottom(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_pad_left(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_pad_left(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_pad_right(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_pad_right(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_pad_row(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_pad_row(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_pad_column(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_pad_column(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_bg_color(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_bg_color(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_bg_color_filtered(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_bg_color_filtered(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_opa_t lv_obj_get_style_bg_opa(const struct _lv_obj_t *obj, uint32_t part)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_opa_t lv_obj_get_style_bg_opa(const struct _lv_obj_t *obj, uint32_t part)  </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_bg_grad_color(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_bg_grad_color(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_bg_grad_color_filtered(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_bg_grad_color_filtered(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_grad_dir_t lv_obj_get_style_bg_grad_dir(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_grad_dir_t lv_obj_get_style_bg_grad_dir(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_bg_main_stop(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_bg_main_stop(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_bg_grad_stop(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_bg_grad_stop(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline const lv_grad_dsc_t *lv_obj_get_style_bg_grad(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline const lv_grad_dsc_t *lv_obj_get_style_bg_grad(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_dither_mode_t lv_obj_get_style_bg_dither_mode(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_dither_mode_t lv_obj_get_style_bg_dither_mode(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline const void *lv_obj_get_style_bg_img_src(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline const void *lv_obj_get_style_bg_img_src(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_opa_t lv_obj_get_style_bg_img_opa(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_opa_t lv_obj_get_style_bg_img_opa(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_bg_img_recolor(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_bg_img_recolor(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_bg_img_recolor_filtered(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_bg_img_recolor_filtered(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_opa_t lv_obj_get_style_bg_img_recolor_opa(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_opa_t lv_obj_get_style_bg_img_recolor_opa(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline bool lv_obj_get_style_bg_img_tiled(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline bool lv_obj_get_style_bg_img_tiled(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_border_color(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_border_color(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_border_color_filtered(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_border_color_filtered(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_opa_t lv_obj_get_style_border_opa(const struct _lv_obj_t *obj, uint32_t part)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_opa_t lv_obj_get_style_border_opa(const struct _lv_obj_t *obj, uint32_t part)  </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_border_width(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_border_width(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_border_side_t lv_obj_get_style_border_side(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_border_side_t lv_obj_get_style_border_side(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline bool lv_obj_get_style_border_post(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline bool lv_obj_get_style_border_post(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_outline_width(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_outline_width(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_outline_color(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_outline_color(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_outline_color_filtered(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_outline_color_filtered(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_opa_t lv_obj_get_style_outline_opa(const struct _lv_obj_t *obj, uint32_t part)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_opa_t lv_obj_get_style_outline_opa(const struct _lv_obj_t *obj, uint32_t part)  </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_outline_pad(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_outline_pad(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_shadow_width(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_shadow_width(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_shadow_ofs_x(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_shadow_ofs_x(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_shadow_ofs_y(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_shadow_ofs_y(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_shadow_spread(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_shadow_spread(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_shadow_color(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_shadow_color(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_shadow_color_filtered(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_shadow_color_filtered(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_opa_t lv_obj_get_style_shadow_opa(const struct _lv_obj_t *obj, uint32_t part)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_opa_t lv_obj_get_style_shadow_opa(const struct _lv_obj_t *obj, uint32_t part)  </span>
 
:
 
:
  
static inline lv_opa_t lv_obj_get_style_img_opa(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_opa_t lv_obj_get_style_img_opa(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_img_recolor(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_img_recolor(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_img_recolor_filtered(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_img_recolor_filtered(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_opa_t lv_obj_get_style_img_recolor_opa(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_opa_t lv_obj_get_style_img_recolor_opa(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_line_width(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_line_width(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_line_dash_width(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_line_dash_width(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_line_dash_gap(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_line_dash_gap(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline bool lv_obj_get_style_line_rounded(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline bool lv_obj_get_style_line_rounded(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_line_color(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_line_color(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_line_color_filtered(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_line_color_filtered(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_opa_t lv_obj_get_style_line_opa(const struct _lv_obj_t *obj, uint32_t part)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_opa_t lv_obj_get_style_line_opa(const struct _lv_obj_t *obj, uint32_t part)  </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_arc_width(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_arc_width(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline bool lv_obj_get_style_arc_rounded(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline bool lv_obj_get_style_arc_rounded(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_arc_color(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_arc_color(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_arc_color_filtered(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_arc_color_filtered(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_opa_t lv_obj_get_style_arc_opa(const struct _lv_obj_t *obj, uint32_t part)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_opa_t lv_obj_get_style_arc_opa(const struct _lv_obj_t *obj, uint32_t part)  </span>
 
:
 
:
  
static inline const void *lv_obj_get_style_arc_img_src(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline const void *lv_obj_get_style_arc_img_src(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_text_color(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_text_color(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_color_t lv_obj_get_style_text_color_filtered(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_obj_get_style_text_color_filtered(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_opa_t lv_obj_get_style_text_opa(const struct _lv_obj_t *obj, uint32_t part)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_opa_t lv_obj_get_style_text_opa(const struct _lv_obj_t *obj, uint32_t part)  </span>
 
:
 
:
  
static inline const lv_font_t *lv_obj_get_style_text_font(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline const lv_font_t *lv_obj_get_style_text_font(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_text_letter_space(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_text_letter_space(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_text_line_space(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_text_line_space(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_text_decor_t lv_obj_get_style_text_decor(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_text_decor_t lv_obj_get_style_text_decor(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_text_align_t lv_obj_get_style_text_align(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_text_align_t lv_obj_get_style_text_align(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_coord_t lv_obj_get_style_radius(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_coord_t lv_obj_get_style_radius(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline bool lv_obj_get_style_clip_corner(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline bool lv_obj_get_style_clip_corner(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_opa_t lv_obj_get_style_opa(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_opa_t lv_obj_get_style_opa(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline const lv_color_filter_dsc_t *lv_obj_get_style_color_filter_dsc(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline const lv_color_filter_dsc_t *lv_obj_get_style_color_filter_dsc(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_opa_t lv_obj_get_style_color_filter_opa(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_opa_t lv_obj_get_style_color_filter_opa(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
  
static inline uint32_t lv_obj_get_style_anim_time(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline uint32_t lv_obj_get_style_anim_time(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline uint32_t lv_obj_get_style_anim_speed(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline uint32_t lv_obj_get_style_anim_speed(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline const lv_style_transition_dsc_t *lv_obj_get_style_transition(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline const lv_style_transition_dsc_t *lv_obj_get_style_transition(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_blend_mode_t lv_obj_get_style_blend_mode(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_blend_mode_t lv_obj_get_style_blend_mode(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:   
 
:   
  
static inline uint16_t lv_obj_get_style_layout(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline uint16_t lv_obj_get_style_layout(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
static inline lv_base_dir_t lv_obj_get_style_base_dir(const struct _lv_obj_t *obj, uint32_t part)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_base_dir_t lv_obj_get_style_base_dir(const struct _lv_obj_t *obj, uint32_t part) </span>
 
:
 
:
  
void lv_obj_set_style_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_min_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_min_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_max_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_max_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_height(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_height(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_min_height(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_min_height(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_max_height(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_max_height(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_x(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_x(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_y(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_y(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_align(struct _lv_obj_t *obj, lv_align_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_align(struct _lv_obj_t *obj, lv_align_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_transform_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_transform_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_transform_height(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_transform_height(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_translate_x(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_translate_x(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_translate_y(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_translate_y(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_transform_zoom(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_transform_zoom(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_transform_angle(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_transform_angle(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_pad_top(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_pad_top(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_pad_bottom(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_pad_bottom(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_pad_left(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_pad_left(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_pad_right(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_pad_right(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_pad_row(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_pad_row(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_pad_column(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_pad_column(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)  </span>
 
:
 
:
  
void lv_obj_set_style_bg_grad_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_grad_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_grad_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_grad_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_grad_dir(struct _lv_obj_t *obj, lv_grad_dir_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_grad_dir(struct _lv_obj_t *obj, lv_grad_dir_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_main_stop(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_main_stop(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_grad_stop(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_grad_stop(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_grad(struct _lv_obj_t *obj, const lv_grad_dsc_t *value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_grad(struct _lv_obj_t *obj, const lv_grad_dsc_t *value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_dither_mode(struct _lv_obj_t *obj, lv_dither_mode_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_dither_mode(struct _lv_obj_t *obj, lv_dither_mode_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_img_src(struct _lv_obj_t *obj, const void *value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_img_src(struct _lv_obj_t *obj, const void *value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_img_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_img_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_img_recolor(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_img_recolor(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_img_recolor_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_img_recolor_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_img_recolor_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_img_recolor_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_bg_img_tiled(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_bg_img_tiled(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_border_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_border_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_border_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_border_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_border_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_border_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)  </span>
 
:
 
:
  
void lv_obj_set_style_border_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_border_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_border_side(struct _lv_obj_t *obj, lv_border_side_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_border_side(struct _lv_obj_t *obj, lv_border_side_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_border_post(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_border_post(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_outline_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_outline_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_outline_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_outline_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_outline_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_outline_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_outline_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_outline_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)  </span>
 
:
 
:
  
void lv_obj_set_style_outline_pad(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_outline_pad(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_shadow_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_shadow_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_shadow_ofs_x(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_shadow_ofs_x(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_shadow_ofs_y(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_shadow_ofs_y(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_shadow_spread(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_shadow_spread(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_shadow_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_shadow_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_shadow_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_shadow_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_shadow_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_shadow_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)  </span>
 
:
 
:
  
void lv_obj_set_style_img_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_img_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_img_recolor(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_img_recolor(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_img_recolor_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_img_recolor_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_img_recolor_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_img_recolor_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_line_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_line_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_line_dash_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_line_dash_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_line_dash_gap(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_line_dash_gap(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_line_rounded(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_line_rounded(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_line_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_line_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_line_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_line_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_line_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_line_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)  </span>
 
:
 
:
  
void lv_obj_set_style_arc_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_arc_width(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_arc_rounded(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_arc_rounded(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_arc_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_arc_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_arc_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_arc_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_arc_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_arc_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)  </span>
 
:
 
:
  
void lv_obj_set_style_arc_img_src(struct _lv_obj_t *obj, const void *value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_arc_img_src(struct _lv_obj_t *obj, const void *value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_text_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_text_color(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_text_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_text_color_filtered(struct _lv_obj_t *obj, lv_color_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_text_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_text_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)  </span>
 
:
 
:
  
void lv_obj_set_style_text_font(struct _lv_obj_t *obj, const lv_font_t *value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_text_font(struct _lv_obj_t *obj, const lv_font_t *value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_text_letter_space(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_text_letter_space(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_text_line_space(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_text_line_space(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_text_decor(struct _lv_obj_t *obj, lv_text_decor_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_text_decor(struct _lv_obj_t *obj, lv_text_decor_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_text_align(struct _lv_obj_t *obj, lv_text_align_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_text_align(struct _lv_obj_t *obj, lv_text_align_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_radius(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_radius(struct _lv_obj_t *obj, lv_coord_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_clip_corner(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_clip_corner(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_color_filter_dsc(struct _lv_obj_t *obj, const lv_color_filter_dsc_t *value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_color_filter_dsc(struct _lv_obj_t *obj, const lv_color_filter_dsc_t *value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_color_filter_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_color_filter_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
  
void lv_obj_set_style_anim_time(struct _lv_obj_t *obj, uint32_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_anim_time(struct _lv_obj_t *obj, uint32_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_anim_speed(struct _lv_obj_t *obj, uint32_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_anim_speed(struct _lv_obj_t *obj, uint32_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_transition(struct _lv_obj_t *obj, const lv_style_transition_dsc_t *value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_transition(struct _lv_obj_t *obj, const lv_style_transition_dsc_t *value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_blend_mode(struct _lv_obj_t *obj, lv_blend_mode_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_blend_mode(struct _lv_obj_t *obj, lv_blend_mode_t value, lv_style_selector_t selector) </span>
 
:   
 
:   
  
void lv_obj_set_style_layout(struct _lv_obj_t *obj, uint16_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_layout(struct _lv_obj_t *obj, uint16_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
void lv_obj_set_style_base_dir(struct _lv_obj_t *obj, lv_base_dir_t value, lv_style_selector_t selector)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_obj_set_style_base_dir(struct _lv_obj_t *obj, lv_base_dir_t value, lv_style_selector_t selector) </span>
 
:
 
:
  
1,480行目: 1,682行目:
 
Functions
 
Functions
  
void lv_style_set_width(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_width(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_min_width(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_min_width(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_max_width(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_max_width(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_height(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_height(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_min_height(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_min_height(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_max_height(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_max_height(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_x(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_x(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_y(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_y(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_align(lv_style_t *style, lv_align_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_align(lv_style_t *style, lv_align_t value) </span>
 
:
 
:
  
void lv_style_set_transform_width(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_transform_width(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_transform_height(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_transform_height(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_translate_x(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_translate_x(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_translate_y(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_translate_y(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_transform_zoom(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_transform_zoom(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_transform_angle(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_transform_angle(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_pad_top(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_pad_top(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_pad_bottom(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_pad_bottom(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_pad_left(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_pad_left(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_pad_right(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_pad_right(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_pad_row(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_pad_row(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_pad_column(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_pad_column(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_bg_color(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_color(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_bg_color_filtered(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_color_filtered(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_bg_opa(lv_style_t *style, lv_opa_t value)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_opa(lv_style_t *style, lv_opa_t value)  </span>
 
:
 
:
  
void lv_style_set_bg_grad_color(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_grad_color(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_bg_grad_color_filtered(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_grad_color_filtered(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_bg_grad_dir(lv_style_t *style, lv_grad_dir_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_grad_dir(lv_style_t *style, lv_grad_dir_t value) </span>
 
:
 
:
  
void lv_style_set_bg_main_stop(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_main_stop(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_bg_grad_stop(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_grad_stop(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_bg_grad(lv_style_t *style, const lv_grad_dsc_t *value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_grad(lv_style_t *style, const lv_grad_dsc_t *value) </span>
 
:
 
:
  
void lv_style_set_bg_dither_mode(lv_style_t *style, lv_dither_mode_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_dither_mode(lv_style_t *style, lv_dither_mode_t value) </span>
 
:
 
:
  
void lv_style_set_bg_img_src(lv_style_t *style, const void *value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_img_src(lv_style_t *style, const void *value) </span>
 
:
 
:
  
void lv_style_set_bg_img_opa(lv_style_t *style, lv_opa_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_img_opa(lv_style_t *style, lv_opa_t value) </span>
 
:
 
:
  
void lv_style_set_bg_img_recolor(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_img_recolor(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_bg_img_recolor_filtered(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_img_recolor_filtered(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_bg_img_recolor_opa(lv_style_t *style, lv_opa_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_img_recolor_opa(lv_style_t *style, lv_opa_t value) </span>
 
:
 
:
  
void lv_style_set_bg_img_tiled(lv_style_t *style, bool value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_bg_img_tiled(lv_style_t *style, bool value) </span>
 
:
 
:
  
void lv_style_set_border_color(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_border_color(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_border_color_filtered(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_border_color_filtered(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_border_opa(lv_style_t *style, lv_opa_t value)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_border_opa(lv_style_t *style, lv_opa_t value)  </span>
 
:
 
:
  
void lv_style_set_border_width(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_border_width(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_border_side(lv_style_t *style, lv_border_side_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_border_side(lv_style_t *style, lv_border_side_t value) </span>
 
:
 
:
  
void lv_style_set_border_post(lv_style_t *style, bool value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_border_post(lv_style_t *style, bool value) </span>
 
:
 
:
  
void lv_style_set_outline_width(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_outline_width(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_outline_color(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_outline_color(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_outline_color_filtered(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_outline_color_filtered(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_outline_opa(lv_style_t *style, lv_opa_t value)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_outline_opa(lv_style_t *style, lv_opa_t value)  </span>
 
:
 
:
  
void lv_style_set_outline_pad(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_outline_pad(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_shadow_width(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_shadow_width(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_shadow_ofs_x(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_shadow_ofs_x(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_shadow_ofs_y(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_shadow_ofs_y(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_shadow_spread(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_shadow_spread(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_shadow_color(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_shadow_color(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_shadow_color_filtered(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_shadow_color_filtered(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_shadow_opa(lv_style_t *style, lv_opa_t value)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_shadow_opa(lv_style_t *style, lv_opa_t value)  </span>
 
:
 
:
  
void lv_style_set_img_opa(lv_style_t *style, lv_opa_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_img_opa(lv_style_t *style, lv_opa_t value) </span>
 
:
 
:
  
void lv_style_set_img_recolor(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_img_recolor(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_img_recolor_filtered(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_img_recolor_filtered(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_img_recolor_opa(lv_style_t *style, lv_opa_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_img_recolor_opa(lv_style_t *style, lv_opa_t value) </span>
 
:
 
:
  
void lv_style_set_line_width(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_line_width(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_line_dash_width(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_line_dash_width(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_line_dash_gap(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_line_dash_gap(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_line_rounded(lv_style_t *style, bool value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_line_rounded(lv_style_t *style, bool value) </span>
 
:
 
:
  
void lv_style_set_line_color(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_line_color(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_line_color_filtered(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_line_color_filtered(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_line_opa(lv_style_t *style, lv_opa_t value)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_line_opa(lv_style_t *style, lv_opa_t value)  </span>
 
:
 
:
  
void lv_style_set_arc_width(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_arc_width(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_arc_rounded(lv_style_t *style, bool value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_arc_rounded(lv_style_t *style, bool value) </span>
 
:
 
:
  
void lv_style_set_arc_color(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_arc_color(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_arc_color_filtered(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_arc_color_filtered(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_arc_opa(lv_style_t *style, lv_opa_t value)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_arc_opa(lv_style_t *style, lv_opa_t value)  </span>
 
:
 
:
  
void lv_style_set_arc_img_src(lv_style_t *style, const void *value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_arc_img_src(lv_style_t *style, const void *value) </span>
 
:
 
:
  
void lv_style_set_text_color(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_text_color(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_text_color_filtered(lv_style_t *style, lv_color_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_text_color_filtered(lv_style_t *style, lv_color_t value) </span>
 
:
 
:
  
void lv_style_set_text_opa(lv_style_t *style, lv_opa_t value)   
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_text_opa(lv_style_t *style, lv_opa_t value)  </span>
 
:
 
:
  
void lv_style_set_text_font(lv_style_t *style, const lv_font_t *value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_text_font(lv_style_t *style, const lv_font_t *value) </span>
 
:
 
:
  
void lv_style_set_text_letter_space(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_text_letter_space(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_text_line_space(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_text_line_space(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_text_decor(lv_style_t *style, lv_text_decor_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_text_decor(lv_style_t *style, lv_text_decor_t value) </span>
 
:
 
:
  
void lv_style_set_text_align(lv_style_t *style, lv_text_align_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_text_align(lv_style_t *style, lv_text_align_t value) </span>
 
:
 
:
  
void lv_style_set_radius(lv_style_t *style, lv_coord_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_radius(lv_style_t *style, lv_coord_t value) </span>
 
:
 
:
  
void lv_style_set_clip_corner(lv_style_t *style, bool value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_clip_corner(lv_style_t *style, bool value) </span>
 
:
 
:
  
void lv_style_set_opa(lv_style_t *style, lv_opa_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_opa(lv_style_t *style, lv_opa_t value) </span>
 
:
 
:
  
void lv_style_set_color_filter_dsc(lv_style_t *style, const lv_color_filter_dsc_t *value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_color_filter_dsc(lv_style_t *style, const lv_color_filter_dsc_t *value) </span>
 
:
 
:
  
void lv_style_set_color_filter_opa(lv_style_t *style, lv_opa_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_color_filter_opa(lv_style_t *style, lv_opa_t value) </span>
 
:
 
:
  
  
void lv_style_set_anim_time(lv_style_t *style, uint32_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_anim_time(lv_style_t *style, uint32_t value) </span>
 
:
 
:
  
void lv_style_set_anim_speed(lv_style_t *style, uint32_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_anim_speed(lv_style_t *style, uint32_t value) </span>
 
:
 
:
  
void lv_style_set_transition(lv_style_t *style, const lv_style_transition_dsc_t *value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_transition(lv_style_t *style, const lv_style_transition_dsc_t *value) </span>
 
:
 
:
  
void lv_style_set_blend_mode(lv_style_t *style, lv_blend_mode_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_blend_mode(lv_style_t *style, lv_blend_mode_t value) </span>
 
:   
 
:   
  
void lv_style_set_layout(lv_style_t *style, uint16_t value)  
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_layout(lv_style_t *style, uint16_t value) </span>
 
:
 
:
  
void lv_style_set_base_dir(lv_style_t *style, lv_base_dir_t value)
+
<span style="background-color:#e7f2fa;color:#2980b9;">void lv_style_set_base_dir(lv_style_t *style, lv_base_dir_t value)</span>
 
+
|
 
+
|}
 
 
  
  
  
 
:[[App:Library:LVGL#Overview|戻る : Previous]]
 
:[[App:Library:LVGL#Overview|戻る : Previous]]

2022年6月30日 (木) 21:09時点における版

https://docs.lvgl.io/8.2/overview/style.html

Styles

英文 自動翻訳

Styles are used to set the appearance of objects. Styles in lvgl are heavily inspired by CSS. The concept in a nutshell is as follows:

  • A style is an lv_style_t variable which can hold properties like border width, text color and so on. It's similar to a class in CSS.
  • Styles can be assigned to objects to change their appearance. Upon assignment, the target part (pseudo-element in CSS) and target state (pseudo class) can be specified. For example one can add style_blue to the knob of a slider when it's in pressed state.
  • The same style can be used by any number of objects.
  • Styles can be cascaded which means multiple styles may be assigned to an object and each style can have different properties. Therefore, not all properties have to be specified in a style. LVGL will search for a property until a style defines it or use a default if it's not specified by any of the styles. For example style_btn can result in a default gray button and style_btn_red can add only a background-color=red to overwrite the background color.
  • The most recently added style has higher precedence. This means if a property is specified in two styles the newest style in the object will be used.
  • Some properties (e.g. text color) can be inherited from a parent(s) if it's not specified in an object.
  • Objects can also have local styles with higher precedence than "normal" styles.
  • Unlike CSS (where pseudo-classes describe different states, e.g. :focus), in LVGL a property is assigned to a given state.
  • Transitions can be applied when the object changes state.
戻る : Previous


States

英文 自動翻訳

The objects can be in the combination of the following states:

  • LV_STATE_DEFAULT (0x0000) Normal, released state
  • LV_STATE_CHECKED (0x0001) Toggled or checked state
  • LV_STATE_FOCUSED (0x0002) Focused via keypad or encoder or clicked via touchpad/mouse
  • LV_STATE_FOCUS_KEY (0x0004) Focused via keypad or encoder but not via touchpad/mouse
  • LV_STATE_EDITED (0x0008) Edit by an encoder
  • LV_STATE_HOVERED (0x0010) Hovered by mouse (not supported now)
  • LV_STATE_PRESSED (0x0020) Being pressed
  • LV_STATE_SCROLLED (0x0040) Being scrolled
  • LV_STATE_DISABLED (0x0080) Disabled state
  • LV_STATE_USER_1 (0x1000) Custom state
  • LV_STATE_USER_2 (0x2000) Custom state
  • LV_STATE_USER_3 (0x4000) Custom state
  • LV_STATE_USER_4 (0x8000) Custom state

An object can be in a combination of states such as being focused and pressed at the same time. This is represented as LV_STATE_FOCUSED | LV_STATE_PRESSED.

A style can be added to any state or state combination. For example, setting a different background color for the default and pressed states. If a property is not defined in a state the best matching state's property will be used. Typically this means the property with LV_STATE_DEFAULT is used.˛ If the property is not set even for the default state the default value will be used. (See later)

But what does the "best matching state's property" really mean? States have a precedence which is shown by their value (see in the above list). A higher value means higher precedence. To determine which state's property to use let's take an example. Imagine the background color is defined like this:

  • LV_STATE_DEFAULT: white
  • LV_STATE_PRESSED: gray
  • LV_STATE_FOCUSED: red
  1. Initially the object is in the default state, so it's a simple case: the property is perfectly defined in the object's current state as white.
  2. When the object is pressed there are 2 related properties: default with white (default is related to every state) and pressed with gray. The pressed state has 0x0020 precedence which is higher than the default state's 0x0000 precedence, so gray color will be used.
  3. When the object is focused the same thing happens as in pressed state and red color will be used. (Focused state has higher precedence than default state).
  4. When the object is focused and pressed both gray and red would work, but the pressed state has higher precedence than focused so gray color will be used.
  5. It's possible to set e.g. rose color for LV_STATE_PRESSED | LV_STATE_FOCUSED. In this case, this combined state has 0x0020 + 0x0002 = 0x0022 precedence, which is higher than the pressed state's precedence so rose color would be used.
  6. When the object is in the checked state there is no property to set the background color for this state. So for lack of a better option, the object remains white from the default state's property.

Some practical notes:

  • The precedence (value) of states is quite intuitive, and it's something the user would expect naturally. E.g. if an object is focused the user will still want to see if it's pressed, therefore the pressed state has a higher precedence. If the focused state had a higher precedence it would overwrite the pressed color.
  • If you want to set a property for all states (e.g. red background color) just set it for the default state. If the object can't find a property for its current state it will fall back to the default state's property.
  • Use ORed states to describe the properties for complex cases. (E.g. pressed + checked + focused)
  • It might be a good idea to use different style elements for different states. For example, finding background colors for released, pressed, checked + pressed, focused, focused + pressed, focused + pressed + checked, etc. states is quite difficult. Instead, for example, use the background color for pressed and checked states and indicate the focused state with a different border color.
戻る : Previous


Cascading styles

英文 自動翻訳

It's not required to set all the properties in one style. It's possible to add more styles to an object and have the latter added style modify or extend appearance. For example, create a general gray button style and create a new one for red buttons where only the new background color is set.

This is much like in CSS when used classes are listed like <div class=".btn .btn-red">.

Styles added later have precedence over ones set earlier. So in the gray/red button example above, the normal button style should be added first and the red style second. However, the precedence of the states are still taken into account. So let's examine the following case:

  • the basic button style defines dark-gray color for the default state and light-gray color for the pressed state
  • the red button style defines the background color as red only in the default state

In this case, when the button is released (it's in default state) it will be red because a perfect match is found in the most recently added style (red). When the button is pressed the light-gray color is a better match because it describes the current state perfectly, so the button will be light-gray.

戻る : Previous


Inheritance

英文 自動翻訳

Some properties (typically those related to text) can be inherited from the parent object's styles. Inheritance is applied only if the given property is not set in the object's styles (even in default state). In this case, if the property is inheritable, the property's value will be searched in the parents until an object specifies a value for the property. The parents will use their own state to determine the value. So if a button is pressed, and the text color comes from here, the pressed text color will be used.

戻る : Previous


Parts

英文 自動翻訳

Objects can be composed of parts which may each have their own styles.

The following predefined parts exist in LVGL:

  • LV_PART_MAIN A background like rectangle
  • LV_PART_SCROLLBAR The scrollbar(s)
  • LV_PART_INDICATOR Indicator, e.g. for slider, bar, switch, or the tick box of the checkbox
  • LV_PART_KNOB Like a handle to grab to adjust a value
  • LV_PART_SELECTED Indicate the currently selected option or section
  • LV_PART_ITEMS Used if the widget has multiple similar elements (e.g. table cells)
  • LV_PART_TICKS Ticks on scales e.g. for a chart or meter
  • LV_PART_CURSOR Mark a specific place e.g. text area's or chart's cursor
  • LV_PART_CUSTOM_FIRST Custom part identifiers can be added starting from here.

For example a Slider has three parts:

  • Background
  • Indicator
  • Knob

This means all three parts of the slider can have their own styles. See later how to add styles to objects and parts.

戻る : Previous


Initialize styles and set/get properties

英文 自動翻訳

Styles are stored in lv_style_t variables. Style variables should be static, global or dynamically allocated. In other words they cannot be local variables in functions which are destroyed when the function exits. Before using a style it should be initialized with lv_style_init(&my_style). After initializing a style, properties can be added or changed.

Property set functions looks like this: lv_style_set_<property_name>(&style, <value>); For example:

 static lv_style_t style_btn;
 lv_style_init(&style_btn);
 lv_style_set_bg_color(&style_btn, lv_color_hex(0x115588));
 lv_style_set_bg_opa(&style_btn, LV_OPA_50);
 lv_style_set_border_width(&style_btn, 2);
 lv_style_set_border_color(&style_btn, lv_color_black());
 
 static lv_style_t style_btn_red;
 lv_style_init(&style_btn_red);
 lv_style_set_bg_color(&style_btn_red, lv_plaette_main(LV_PALETTE_RED));
 lv_style_set_bg_opa(&style_btn_red, LV_OPA_COVER);

To remove a property use:

 lv_style_remove_prop(&style, LV_STYLE_BG_COLOR);

To get a property's value from a style:

 lv_style_value_t v;
 lv_res_t res = lv_style_get_prop(&style, LV_STYLE_BG_COLOR, &v);
 if(res == LV_RES_OK) {	/*Found*/
 	do_something(v.color);
 }

lv_style_value_t has 3 fields:

  • num for integer, boolean and opacity properties
  • color for color properties
  • ptr for pointer properties

To reset a style (free all its data) use:

 lv_style_reset(&style);

Styles can be built as const too to save RAM:

 const lv_style_const_prop_t style1_props[] = {
    LV_STYLE_CONST_WIDTH(50),
    LV_STYLE_CONST_HEIGHT(50),
    LV_STYLE_PROP_INV,
 };
      
 LV_STYLE_CONST_INIT(style1, style1_props);

Later const style can be used like any other style but (obviously) new properties can not be added.

戻る : Previous


Add and remove styles to a widget

英文 自動翻訳

A style on its own is not that useful. It must be assigned to an object to take effect.

戻る : Previous


Add styles

英文 自動翻訳

To add a style to an object use lv_obj_add_style(obj, &style, <selector>). <selector> is an OR-ed value of parts and state to which the style should be added. Some examples:

  • LV_PART_MAIN | LV_STATE_DEFAULT
  • LV_STATE_PRESSED: The main part in pressed state. LV_PART_MAIN can be omitted
  • LV_PART_SCROLLBAR: The scrollbar part in the default state. LV_STATE_DEFAULT can be omitted.
  • LV_PART_SCROLLBAR | LV_STATE_SCROLLED: The scrollbar part when the object is being scrolled
  • 0 Same as LV_PART_MAIN | LV_STATE_DEFAULT.
  • LV_PART_INDICATOR | LV_STATE_PRESSED | LV_STATE_CHECKED The indicator part when the object is pressed and checked at the same time.



Using lv_obj_add_style:

 lv_obj_add_style(btn, &style_btn, 0);      				  /*Default button style*/
 lv_obj_add_style(btn, &btn_red, LV_STATE_PRESSED);  /*Overwrite only some colors to red when pressed*/
戻る : Previous


Remove styles

英文 自動翻訳

To remove all styles from an object use lv_obj_remove_style_all(obj).

To remove specific styles use lv_obj_remove_style(obj, style, selector). This function will remove style only if the selector matches with the selector used in lv_obj_add_style. style can be NULL to check only the selector and remove all matching styles. The selector can use the LV_STATE_ANY and LV_PART_ANY values to remove the style from any state or part.

戻る : Previous


Report style changes

英文 自動翻訳

If a style which is already assigned to an object changes (i.e. a property is added or changed), the objects using that style should be notified. There are 3 options to do this:

  1. If you know that the changed properties can be applied by a simple redraw (e.g. color or opacity changes) just call lv_obj_invalidate(obj) or lv_obj_invalidate(lv_scr_act()).
  2. If more complex style properties were changed or added, and you know which object(s) are affected by that style call lv_obj_refresh_style(obj, part, property). To refresh all parts and properties use lv_obj_refresh_style(obj, LV_PART_ANY, LV_STYLE_PROP_ANY).
  3. To make LVGL check all objects to see if they use a style and refresh them when needed, call lv_obj_report_style_change(&style). If style is NULL all objects will be notified about a style change.
戻る : Previous


Get a property's value on an object

英文 自動翻訳

To get a final value of property - considering cascading, inheritance, local styles and transitions (see below) - property get functions like this can be used: lv_obj_get_style_<property_name>(obj, <part>). These functions use the object's current state and if no better candidate exists they return a default value.   For example:

 lv_color_t color = lv_obj_get_style_bg_color(btn, LV_PART_MAIN);
戻る : Previous


Local styles

英文 自動翻訳

In addition to "normal" styles, objects can also store local styles. This concept is similar to inline styles in CSS (e.g. <div style="color:red">) with some modification.

Local styles are like normal styles, but they can't be shared among other objects. If used, local styles are allocated automatically, and freed when the object is deleted. They are useful to add local customization to an object.

Unlike in CSS, LVGL local styles can be assigned to states (pseudo-classes) and parts (pseudo-elements).

To set a local property use functions like lv_obj_set_style_<property_name>(obj, <value>, <selector>);   For example:

 lv_obj_set_style_bg_color(slider, lv_color_red(), LV_PART_INDICATOR | LV_STATE_FOCUSED);
戻る : Previous


Properties

英文 自動翻訳

For the full list of style properties click here.

戻る : Previous


Typical background properties

英文 自動翻訳

In the documentation of the widgets you will see sentences like "The widget uses the typical background properties". These "typical background properties" are the ones related to:

  • Background
  • Border
  • Outline
  • Shadow
  • Padding
  • Width and height transformation
  • X and Y translation
戻る : Previous


Transitions

英文 自動翻訳

By default, when an object changes state (e.g. it's pressed) the new properties from the new state are set immediately. However, with transitions it's possible to play an animation on state change. For example, on pressing a button its background color can be animated to the pressed color over 300 ms.

The parameters of the transitions are stored in the styles. It's possible to set

  • the time of the transition
  • the delay before starting the transition
  • the animation path (also known as the timing or easing function)
  • the properties to animate

The transition properties can be defined for each state. For example, setting a 500 ms transition time in the default state means that when the object goes to the default state a 500 ms transition time is applied. Setting a 100 ms transition time in the pressed state causes a 100 ms transition when going to the pressed state. This example configuration results in going to the pressed state quickly and then going back to default slowly.

To describe a transition an lv_transition_dsc_t variable needs to be initialized and added to a style:

 /*Only its pointer is saved so must static, global or dynamically allocated */
 static const lv_style_prop_t trans_props[] = {
 											LV_STYLE_BG_OPA, LV_STYLE_BG_COLOR,
 											0, /*End marker*/
 };
 
 static lv_style_transition_dsc_t trans1;
 lv_style_transition_dsc_init(&trans1, trans_props, lv_anim_path_ease_out, duration_ms, delay_ms);
 
 lv_style_set_transition(&style1, &trans1);
戻る : Previous


Color filter

英文 自動翻訳

TODO

戻る : Previous


Themes

英文 自動翻訳

Themes are a collection of styles. If there is an active theme LVGL applies it on every created widget. This will give a default appearance to the UI which can then be modified by adding further styles.

Every display can have a different theme. For example, you could have a colorful theme on a TFT and monochrome theme on a secondary monochrome display.

To set a theme for a display, two steps are required:

  1. Initialize a theme
  2. Assign the initialized theme to a display.

Theme initialization functions can have different prototypes. This example shows how to set the "default" theme:

 lv_theme_t * th = lv_theme_default_init(display,  /*Use the DPI, size, etc from this display*/ 
                                         LV_COLOR_PALETTE_BLUE, LV_COLOR_PALETTE_CYAN,   /*Primary and secondary palette*/
                                         false,    /*Light or dark mode*/ 
                                         &lv_font_montserrat_10, &lv_font_montserrat_14, &lv_font_montserrat_18); /*Small, normal, large fonts*/
                                         
 lv_disp_set_theme(display, th); /*Assign the theme to the display*/

The included themes are enabled in lv_conf.h. If the default theme is enabled by LV_USE_THEME_DEFAULT 1 LVGL automatically initializes and sets it when a display is created.

戻る : Previous


Extending themes

英文 自動翻訳

Built-in themes can be extended. If a custom theme is created, a parent theme can be selected. The parent theme's styles will be added before the custom theme's styles. Any number of themes can be chained this way. E.g. default theme -> custom theme -> dark theme.

lv_theme_set_parent(new_theme, base_theme) extends the base_theme with the new_theme.

There is an example for it below.

戻る : Previous


Examples

英文 自動翻訳

Size styles

LVGL docs example 004.png

Background styles

LVGL docs example 005.png

Border styles

LVGL docs example 006.png

Outline styles

LVGL docs example 007.png

Shadow styles

LVGL docs example 008.png

Image styles

LVGL docs example 009.png

Arc styles

LVGL docs overview style 07.png

Text styles

LVGL docs example 010.png

Line styles

LVGL docs example 011.png

Transition

LVGL docs example 012.png

Using multiple styles

LVGL docs example 013.png

Local styles

LVGL docs example 014.png

Add styles to parts and states

LVGL docs example 016.png

Extending the current theme

LVGL docs example 017.png

戻る : Previous


API

英文 自動翻訳

Typedefs

typedef uint8_t lv_blend_mode_t

typedef uint8_t lv_text_decor_t

typedef uint8_t lv_border_side_t

typedef uint8_t lv_grad_dir_t

typedef uint8_t lv_dither_mode_t

Enums

enum [anonymous]

Possible options how to blend opaque drawings Values:
enumerator LV_BLEND_MODE_NORMAL
Simply mix according to the opacity value
enumerator LV_BLEND_MODE_ADDITIVE
Add the respective color channels
enumerator LV_BLEND_MODE_SUBTRACTIVE
Subtract the foreground from the background
enumerator LV_BLEND_MODE_MULTIPLY
Multiply the foreground and background
enumerator LV_BLEND_MODE_REPLACE
Replace background with foreground in the area

enum [anonymous]

Some options to apply decorations on texts. 'OR'ed values can be used. Values:
enumerator LV_TEXT_DECOR_NONE
enumerator LV_TEXT_DECOR_UNDERLINE
enumerator LV_TEXT_DECOR_STRIKETHROUGH

enum [anonymous]

Selects on which sides border should be drawn 'OR'ed values can be used. Values:
enumerator LV_BORDER_SIDE_NONE
enumerator LV_BORDER_SIDE_BOTTOM
enumerator LV_BORDER_SIDE_TOP
enumerator LV_BORDER_SIDE_LEFT
enumerator LV_BORDER_SIDE_RIGHT
enumerator LV_BORDER_SIDE_FULL
enumerator LV_BORDER_SIDE_INTERNAL
FOR matrix-like objects (e.g. Button matrix)

enum [anonymous]

The direction of the gradient. Values:
enumerator LV_GRAD_DIR_NONE
No gradient (the grad_color property is ignored)
enumerator LV_GRAD_DIR_VER
Vertical (top to bottom) gradient
enumerator LV_GRAD_DIR_HOR
Horizontal (left to right) gradient

enum [anonymous]

The dithering algorithm for the gradient Depends on LV_DITHER_GRADIENT Values:
enumerator LV_DITHER_NONE
No dithering, colors are just quantized to the output resolution
enumerator LV_DITHER_ORDERED
Ordered dithering. Faster to compute and use less memory but lower quality
enumerator LV_DITHER_ERR_DIFF
Error diffusion mode. Slower to compute and use more memory but give highest dither quality

enum lv_style_prop_t

Enumeration of all built in style properties


Values:

enumerator LV_STYLE_PROP_INV

enumerator LV_STYLE_WIDTH

enumerator LV_STYLE_MIN_WIDTH

enumerator LV_STYLE_MAX_WIDTH

enumerator LV_STYLE_HEIGHT

enumerator LV_STYLE_MIN_HEIGHT

enumerator LV_STYLE_MAX_HEIGHT

enumerator LV_STYLE_X

enumerator LV_STYLE_Y

enumerator LV_STYLE_ALIGN

enumerator LV_STYLE_TRANSFORM_WIDTH

enumerator LV_STYLE_TRANSFORM_HEIGHT

enumerator LV_STYLE_TRANSLATE_X

enumerator LV_STYLE_TRANSLATE_Y

enumerator LV_STYLE_TRANSFORM_ZOOM

enumerator LV_STYLE_TRANSFORM_ANGLE

enumerator LV_STYLE_PAD_TOP

enumerator LV_STYLE_PAD_BOTTOM

enumerator LV_STYLE_PAD_LEFT

enumerator LV_STYLE_PAD_RIGHT

enumerator LV_STYLE_PAD_ROW

enumerator LV_STYLE_PAD_COLUMN

enumerator LV_STYLE_BG_COLOR

enumerator LV_STYLE_BG_COLOR_FILTERED

enumerator LV_STYLE_BG_OPA

enumerator LV_STYLE_BG_GRAD_COLOR

enumerator LV_STYLE_BG_GRAD_COLOR_FILTERED

enumerator LV_STYLE_BG_GRAD_DIR

enumerator LV_STYLE_BG_MAIN_STOP

enumerator LV_STYLE_BG_GRAD_STOP

enumerator LV_STYLE_BG_GRAD

enumerator LV_STYLE_BG_DITHER_MODE

enumerator LV_STYLE_BG_IMG_SRC

enumerator LV_STYLE_BG_IMG_OPA

enumerator LV_STYLE_BG_IMG_RECOLOR

enumerator LV_STYLE_BG_IMG_RECOLOR_FILTERED

enumerator LV_STYLE_BG_IMG_RECOLOR_OPA

enumerator LV_STYLE_BG_IMG_TILED

enumerator LV_STYLE_BORDER_COLOR

enumerator LV_STYLE_BORDER_COLOR_FILTERED

enumerator LV_STYLE_BORDER_OPA

enumerator LV_STYLE_BORDER_WIDTH

enumerator LV_STYLE_BORDER_SIDE

enumerator LV_STYLE_BORDER_POST

enumerator LV_STYLE_OUTLINE_WIDTH

enumerator LV_STYLE_OUTLINE_COLOR

enumerator LV_STYLE_OUTLINE_COLOR_FILTERED

enumerator LV_STYLE_OUTLINE_OPA

enumerator LV_STYLE_OUTLINE_PAD

enumerator LV_STYLE_SHADOW_WIDTH

enumerator LV_STYLE_SHADOW_OFS_X

enumerator LV_STYLE_SHADOW_OFS_Y

enumerator LV_STYLE_SHADOW_SPREAD

enumerator LV_STYLE_SHADOW_COLOR

enumerator LV_STYLE_SHADOW_COLOR_FILTERED

enumerator LV_STYLE_SHADOW_OPA

enumerator LV_STYLE_IMG_OPA

enumerator LV_STYLE_IMG_RECOLOR

enumerator LV_STYLE_IMG_RECOLOR_FILTERED

enumerator LV_STYLE_IMG_RECOLOR_OPA

enumerator LV_STYLE_LINE_WIDTH

enumerator LV_STYLE_LINE_DASH_WIDTH

enumerator LV_STYLE_LINE_DASH_GAP

enumerator LV_STYLE_LINE_ROUNDED

enumerator LV_STYLE_LINE_COLOR

enumerator LV_STYLE_LINE_COLOR_FILTERED

enumerator LV_STYLE_LINE_OPA

enumerator LV_STYLE_ARC_WIDTH

enumerator LV_STYLE_ARC_ROUNDED

enumerator LV_STYLE_ARC_COLOR

enumerator LV_STYLE_ARC_COLOR_FILTERED

enumerator LV_STYLE_ARC_OPA

enumerator LV_STYLE_ARC_IMG_SRC

enumerator LV_STYLE_TEXT_COLOR

enumerator LV_STYLE_TEXT_COLOR_FILTERED

enumerator LV_STYLE_TEXT_OPA

enumerator LV_STYLE_TEXT_FONT

enumerator LV_STYLE_TEXT_LETTER_SPACE

enumerator LV_STYLE_TEXT_LINE_SPACE

enumerator LV_STYLE_TEXT_DECOR

enumerator LV_STYLE_TEXT_ALIGN

enumerator LV_STYLE_RADIUS

enumerator LV_STYLE_CLIP_CORNER

enumerator LV_STYLE_OPA

enumerator LV_STYLE_COLOR_FILTER_DSC

enumerator LV_STYLE_COLOR_FILTER_OPA

enumerator LV_STYLE_ANIM_TIME

enumerator LV_STYLE_ANIM_SPEED

enumerator LV_STYLE_TRANSITION

enumerator LV_STYLE_BLEND_MODE

enumerator LV_STYLE_LAYOUT

enumerator LV_STYLE_BASE_DIR

enumerator _LV_STYLE_LAST_BUILT_IN_PROP

enumerator LV_STYLE_PROP_ANY


Functions

LV_EXPORT_CONST_INT(LV_IMG_ZOOM_NONE)

void lv_style_init(lv_style_t *style)

Initialize a style Note Do not call lv_style_init on styles that already have some properties because this function won't free the used memory, just sets a default state for the style. In other words be sure to initialize styles only once!
Parameters
style -- pointer to a style to initialize

void lv_style_reset(lv_style_t *style)

Clear all properties from a style and free all allocated memories.
Parameters
style -- pointer to a style

lv_style_prop_t lv_style_register_prop(void)

bool lv_style_remove_prop(lv_style_t *style, lv_style_prop_t prop)

Remove a property from a style
Parameters
  • style -- pointer to a style
  • prop -- a style property ORed with a state.
Returns
true: the property was found and removed; false: the property wasn't found

void lv_style_set_prop(lv_style_t *style, lv_style_prop_t prop, lv_style_value_t value)

Set the value of property in a style. This function shouldn't be used directly by the user. Instead use lv_style_set_<prop_name>(). E.g. lv_style_set_bg_color()
Parameters
  • style -- pointer to style
  • prop -- the ID of a property (e.g. LV_STYLE_BG_COLOR)
  • value -- lv_style_value_t variable in which a field is set according to the type of prop

lv_res_t lv_style_get_prop(const lv_style_t *style, lv_style_prop_t prop, lv_style_value_t *value)

Get the value of a property Note For performance reasons there are no sanity check on style
Parameters
  • style -- pointer to a style
  • prop -- the ID of a property
  • value -- pointer to a lv_style_value_t variable to store the value
Returns
LV_RES_INV: the property wasn't found in the style (value is unchanged) LV_RES_OK: the property was fond, and value is set accordingly

static inline lv_res_t lv_style_get_prop_inlined(const lv_style_t *style, lv_style_prop_t prop, lv_style_value_t *value)

Get the value of a property Note For performance reasons there are no sanity check on style Note This function is the same as lv_style_get_prop but inlined. Use it only on performance critical places
Parameters
  • style -- pointer to a style
  • prop -- the ID of a property
  • value -- pointer to a lv_style_value_t variable to store the value
Returns
LV_RES_INV: the property wasn't found in the style (value is unchanged) LV_RES_OK: the property was fond, and value is set accordingly

void lv_style_transition_dsc_init(lv_style_transition_dsc_t *tr, const lv_style_prop_t props[], lv_anim_path_cb_t path_cb, uint32_t time, uint32_t delay, void *user_data)

lv_style_value_t lv_style_prop_get_default(lv_style_prop_t prop)

Get the default value of a property
Parameters
prop -- the ID of a property
Returns
the default value

bool lv_style_is_empty(const lv_style_t *style)

Checks if a style is empty (has no properties)
Parameters
style -- pointer to a style
Returns
true if the style is empty

uint8_t _lv_style_get_prop_group(lv_style_prop_t prop)

Tell the group of a property. If the a property from a group is set in a style the (1 << group) bit of style->has_group is set. It allows early skipping the style if the property is not exists in the style at all.
Parameters
prop -- a style property
Returns
the group [0..7] 7 means all the custom properties with index > 112

static inline void lv_style_set_size(lv_style_t *style, lv_coord_t value)

static inline void lv_style_set_pad_all(lv_style_t *style, lv_coord_t value)

static inline void lv_style_set_pad_hor(lv_style_t *style, lv_coord_t value)

static inline void lv_style_set_pad_ver(lv_style_t *style, lv_coord_t value)

static inline void lv_style_set_pad_gap(lv_style_t *style, lv_coord_t value)

struct lv_gradient_stop_t

#include <lv_style.h> A gradient stop definition. This matches a color and a position in a virtual 0-255 scale. Public Members
lv_color_t color
The stop color
uint8_t frac
The stop position in 1/255 unit

struct lv_grad_dsc_t

#include <lv_sty'le.h> A descriptor of a gradient. Public Members
lv_gradient_stop_t stops[LV_GRADIENT_MAX_STOPS]
A gradient stop array
uint8_t stops_count
The number of used stops in the array
lv_grad_dir_t dir
The gradient direction. Any of LV_GRAD_DIR_HOR, LV_GRAD_DIR_VER, LV_GRAD_DIR_NONE
lv_dither_mode_t dither
Whether to dither the gradient or not. Any of LV_DITHER_NONE, LV_DITHER_ORDERED, LV_DITHER_ERR_DIFF

union lv_style_value_t

#include <lv_style'.h> A common type to handle all the property types in the same way. Public Members
int32_t num
Number integer number (opacity, enums, booleans or "normal" numbers)
const void *ptr
Constant pointers (font, cone text, etc)
lv_color_t color
Colors


struct lv_style_transition_dsc_t

#include <lv_style.h> Descriptor for style transitions Public Members
const lv_style_prop_t *props
An array with the properties to animate.
void *user_data
A custom user data that will be passed to the animation's user_data
lv_anim_path_cb_t path_xcb
A path for the animation.
uint32_t time
Duration of the transition in [ms]
uint32_t delay
Delay before the transition in [ms]

struct lv_style_const_prop_t

#include <lv_style.h> Descriptor of a constant style property. Public Members
lv_style_prop_t prop
lv_style_value_t value

struct lv_style_t

#include <lv_'style.h> Descriptor of a style (a collection of properties and values). Public Members
uint32_t sentinel
lv_style_value_t value1
uint8_t *values_and_props
const lv_style_const_prop_t *const_props
union lv_style_t::[anonymous] v_p
uint16_t prop1
uint16_t is_const
uint8_t has_group
uint8_t prop_cnt

Typedefs

typedef void (*lv_theme_apply_cb_t)(struct _lv_theme_t*, lv_obj_t*)

typedef struct _lv_theme_t lv_theme_t

Functions


lv_theme_t *lv_theme_get_from_obj(lv_obj_t *obj)

Get the theme assigned to the display of the object
Parameters
obj -- pointer to a theme object
Returns
the theme of the object's display (can be NULL)

void lv_theme_apply(lv_obj_t *obj)

Apply the active theme on an object
Parameters
obj -- pointer to an object

void lv_theme_set_parent(lv_theme_t *new_theme, lv_theme_t *parent)

Set a base theme for a theme. The styles from the base them will be added before the styles of the current theme. Arbitrary long chain of themes can be created by setting base themes.
Parameters
  • new_theme -- pointer to theme which base should be set
  • parent -- pointer to the base theme

void lv_theme_set_apply_cb(lv_theme_t *theme, lv_theme_apply_cb_t apply_cb)

Set an apply callback for a theme. The apply callback is used to add styles to different objects
Parameters
  • theme -- pointer to theme which callback should be set
  • apply_cb -- pointer to the callback

const lv_font_t *lv_theme_get_font_small(lv_obj_t *obj)

Get the small font of the theme
Parameters
obj -- pointer to an object
Returns
pointer to the font

const lv_font_t *lv_theme_get_font_normal(lv_obj_t *obj)

Get the normal font of the theme
Parameters
obj -- pointer to an object
Returns
pointer to the font

const lv_font_t *lv_theme_get_font_large(lv_obj_t *obj)

Get the subtitle font of the theme
Parameters
obj -- pointer to an object
Returns
pointer to the font

lv_color_t lv_theme_get_color_primary(lv_obj_t *obj)

Get the primary color of the theme
Parameters
obj -- pointer to an object
Returns
the color

lv_color_t lv_theme_get_color_secondary(lv_obj_t *obj)

Get the secondary color of the theme
Parameters
obj -- pointer to an object
Returns
the color

struct _lv_theme_t

Public Members
lv_theme_apply_cb_t apply_cb
struct _lv_theme_t *parent
Apply the current theme's style on top of this theme.
void *user_data
struct _lv_disp_t *disp
lv_color_t color_primary
lv_color_t color_secondary
const lv_font_t *font_small
const lv_font_t *font_normal
const lv_font_t *font_large
uint32_t flags

Functions

static inline lv_coord_t lv_obj_get_style_width(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_min_width(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_max_width(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_height(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_min_height(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_max_height(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_x(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_y(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_align_t lv_obj_get_style_align(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_transform_width(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_transform_height(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_translate_x(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_translate_y(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_transform_zoom(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_transform_angle(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_pad_top(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_pad_bottom(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_pad_left(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_pad_right(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_pad_row(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_pad_column(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_bg_color(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_bg_color_filtered(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_opa_t lv_obj_get_style_bg_opa(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_bg_grad_color(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_bg_grad_color_filtered(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_grad_dir_t lv_obj_get_style_bg_grad_dir(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_bg_main_stop(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_bg_grad_stop(const struct _lv_obj_t *obj, uint32_t part)

static inline const lv_grad_dsc_t *lv_obj_get_style_bg_grad(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_dither_mode_t lv_obj_get_style_bg_dither_mode(const struct _lv_obj_t *obj, uint32_t part)

static inline const void *lv_obj_get_style_bg_img_src(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_opa_t lv_obj_get_style_bg_img_opa(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_bg_img_recolor(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_bg_img_recolor_filtered(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_opa_t lv_obj_get_style_bg_img_recolor_opa(const struct _lv_obj_t *obj, uint32_t part)

static inline bool lv_obj_get_style_bg_img_tiled(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_border_color(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_border_color_filtered(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_opa_t lv_obj_get_style_border_opa(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_border_width(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_border_side_t lv_obj_get_style_border_side(const struct _lv_obj_t *obj, uint32_t part)

static inline bool lv_obj_get_style_border_post(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_outline_width(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_outline_color(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_outline_color_filtered(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_opa_t lv_obj_get_style_outline_opa(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_outline_pad(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_shadow_width(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_shadow_ofs_x(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_shadow_ofs_y(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_shadow_spread(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_shadow_color(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_shadow_color_filtered(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_opa_t lv_obj_get_style_shadow_opa(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_opa_t lv_obj_get_style_img_opa(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_img_recolor(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_img_recolor_filtered(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_opa_t lv_obj_get_style_img_recolor_opa(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_line_width(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_line_dash_width(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_line_dash_gap(const struct _lv_obj_t *obj, uint32_t part)

static inline bool lv_obj_get_style_line_rounded(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_line_color(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_line_color_filtered(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_opa_t lv_obj_get_style_line_opa(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_arc_width(const struct _lv_obj_t *obj, uint32_t part)

static inline bool lv_obj_get_style_arc_rounded(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_arc_color(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_arc_color_filtered(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_opa_t lv_obj_get_style_arc_opa(const struct _lv_obj_t *obj, uint32_t part)

static inline const void *lv_obj_get_style_arc_img_src(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_text_color(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_color_t lv_obj_get_style_text_color_filtered(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_opa_t lv_obj_get_style_text_opa(const struct _lv_obj_t *obj, uint32_t part)

static inline const lv_font_t *lv_obj_get_style_text_font(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_text_letter_space(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_text_line_space(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_text_decor_t lv_obj_get_style_text_decor(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_text_align_t lv_obj_get_style_text_align(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_coord_t lv_obj_get_style_radius(const struct _lv_obj_t *obj, uint32_t part)

static inline bool lv_obj_get_style_clip_corner(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_opa_t lv_obj_get_style_opa(const struct _lv_obj_t *obj, uint32_t part)

static inline const lv_color_filter_dsc_t *lv_obj_get_style_color_filter_dsc(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_opa_t lv_obj_get_style_color_filter_opa(const struct _lv_obj_t *obj, uint32_t part)


static inline uint32_t lv_obj_get_style_anim_time(const struct _lv_obj_t *obj, uint32_t part)

static inline uint32_t lv_obj_get_style_anim_speed(const struct _lv_obj_t *obj, uint32_t part)

static inline const lv_style_transition_dsc_t *lv_obj_get_style_transition(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_blend_mode_t lv_obj_get_style_blend_mode(const struct _lv_obj_t *obj, uint32_t part)

static inline uint16_t lv_obj_get_style_layout(const struct _lv_obj_t *obj, uint32_t part)

static inline lv_base_dir_t lv_obj_get_style_base_dir(const struct _lv_obj_t *obj, uint32_t part)

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

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

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

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

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

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

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

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

void lv_obj_set_style_align(struct _lv_obj_t *obj, lv_align_t value, lv_style_selector_t selector)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

void lv_obj_set_style_bg_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)

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

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

void lv_obj_set_style_bg_grad_dir(struct _lv_obj_t *obj, lv_grad_dir_t value, lv_style_selector_t selector)

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

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

void lv_obj_set_style_bg_grad(struct _lv_obj_t *obj, const lv_grad_dsc_t *value, lv_style_selector_t selector)

void lv_obj_set_style_bg_dither_mode(struct _lv_obj_t *obj, lv_dither_mode_t value, lv_style_selector_t selector)

void lv_obj_set_style_bg_img_src(struct _lv_obj_t *obj, const void *value, lv_style_selector_t selector)

void lv_obj_set_style_bg_img_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)

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

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

void lv_obj_set_style_bg_img_recolor_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)

void lv_obj_set_style_bg_img_tiled(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector)

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

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

void lv_obj_set_style_border_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)

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

void lv_obj_set_style_border_side(struct _lv_obj_t *obj, lv_border_side_t value, lv_style_selector_t selector)

void lv_obj_set_style_border_post(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector)

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

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

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

void lv_obj_set_style_outline_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)

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

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

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

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

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

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

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

void lv_obj_set_style_shadow_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)

void lv_obj_set_style_img_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)

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

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

void lv_obj_set_style_img_recolor_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)

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

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

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

void lv_obj_set_style_line_rounded(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector)

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

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

void lv_obj_set_style_line_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)

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

void lv_obj_set_style_arc_rounded(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector)

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

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

void lv_obj_set_style_arc_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)

void lv_obj_set_style_arc_img_src(struct _lv_obj_t *obj, const void *value, lv_style_selector_t selector)

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

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

void lv_obj_set_style_text_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)

void lv_obj_set_style_text_font(struct _lv_obj_t *obj, const lv_font_t *value, lv_style_selector_t selector)

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

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

void lv_obj_set_style_text_decor(struct _lv_obj_t *obj, lv_text_decor_t value, lv_style_selector_t selector)

void lv_obj_set_style_text_align(struct _lv_obj_t *obj, lv_text_align_t value, lv_style_selector_t selector)

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

void lv_obj_set_style_clip_corner(struct _lv_obj_t *obj, bool value, lv_style_selector_t selector)

void lv_obj_set_style_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)

void lv_obj_set_style_color_filter_dsc(struct _lv_obj_t *obj, const lv_color_filter_dsc_t *value, lv_style_selector_t selector)

void lv_obj_set_style_color_filter_opa(struct _lv_obj_t *obj, lv_opa_t value, lv_style_selector_t selector)


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

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

void lv_obj_set_style_transition(struct _lv_obj_t *obj, const lv_style_transition_dsc_t *value, lv_style_selector_t selector)

void lv_obj_set_style_blend_mode(struct _lv_obj_t *obj, lv_blend_mode_t value, lv_style_selector_t selector)

void lv_obj_set_style_layout(struct _lv_obj_t *obj, uint16_t value, lv_style_selector_t selector)

void lv_obj_set_style_base_dir(struct _lv_obj_t *obj, lv_base_dir_t value, lv_style_selector_t selector)


Functions

void lv_style_set_width(lv_style_t *style, lv_coord_t value)

void lv_style_set_min_width(lv_style_t *style, lv_coord_t value)

void lv_style_set_max_width(lv_style_t *style, lv_coord_t value)

void lv_style_set_height(lv_style_t *style, lv_coord_t value)

void lv_style_set_min_height(lv_style_t *style, lv_coord_t value)

void lv_style_set_max_height(lv_style_t *style, lv_coord_t value)

void lv_style_set_x(lv_style_t *style, lv_coord_t value)

void lv_style_set_y(lv_style_t *style, lv_coord_t value)

void lv_style_set_align(lv_style_t *style, lv_align_t value)

void lv_style_set_transform_width(lv_style_t *style, lv_coord_t value)

void lv_style_set_transform_height(lv_style_t *style, lv_coord_t value)

void lv_style_set_translate_x(lv_style_t *style, lv_coord_t value)

void lv_style_set_translate_y(lv_style_t *style, lv_coord_t value)

void lv_style_set_transform_zoom(lv_style_t *style, lv_coord_t value)

void lv_style_set_transform_angle(lv_style_t *style, lv_coord_t value)

void lv_style_set_pad_top(lv_style_t *style, lv_coord_t value)

void lv_style_set_pad_bottom(lv_style_t *style, lv_coord_t value)

void lv_style_set_pad_left(lv_style_t *style, lv_coord_t value)

void lv_style_set_pad_right(lv_style_t *style, lv_coord_t value)

void lv_style_set_pad_row(lv_style_t *style, lv_coord_t value)

void lv_style_set_pad_column(lv_style_t *style, lv_coord_t value)

void lv_style_set_bg_color(lv_style_t *style, lv_color_t value)

void lv_style_set_bg_color_filtered(lv_style_t *style, lv_color_t value)

void lv_style_set_bg_opa(lv_style_t *style, lv_opa_t value)

void lv_style_set_bg_grad_color(lv_style_t *style, lv_color_t value)

void lv_style_set_bg_grad_color_filtered(lv_style_t *style, lv_color_t value)

void lv_style_set_bg_grad_dir(lv_style_t *style, lv_grad_dir_t value)

void lv_style_set_bg_main_stop(lv_style_t *style, lv_coord_t value)

void lv_style_set_bg_grad_stop(lv_style_t *style, lv_coord_t value)

void lv_style_set_bg_grad(lv_style_t *style, const lv_grad_dsc_t *value)

void lv_style_set_bg_dither_mode(lv_style_t *style, lv_dither_mode_t value)

void lv_style_set_bg_img_src(lv_style_t *style, const void *value)

void lv_style_set_bg_img_opa(lv_style_t *style, lv_opa_t value)

void lv_style_set_bg_img_recolor(lv_style_t *style, lv_color_t value)

void lv_style_set_bg_img_recolor_filtered(lv_style_t *style, lv_color_t value)

void lv_style_set_bg_img_recolor_opa(lv_style_t *style, lv_opa_t value)

void lv_style_set_bg_img_tiled(lv_style_t *style, bool value)

void lv_style_set_border_color(lv_style_t *style, lv_color_t value)

void lv_style_set_border_color_filtered(lv_style_t *style, lv_color_t value)

void lv_style_set_border_opa(lv_style_t *style, lv_opa_t value)

void lv_style_set_border_width(lv_style_t *style, lv_coord_t value)

void lv_style_set_border_side(lv_style_t *style, lv_border_side_t value)

void lv_style_set_border_post(lv_style_t *style, bool value)

void lv_style_set_outline_width(lv_style_t *style, lv_coord_t value)

void lv_style_set_outline_color(lv_style_t *style, lv_color_t value)

void lv_style_set_outline_color_filtered(lv_style_t *style, lv_color_t value)

void lv_style_set_outline_opa(lv_style_t *style, lv_opa_t value)

void lv_style_set_outline_pad(lv_style_t *style, lv_coord_t value)

void lv_style_set_shadow_width(lv_style_t *style, lv_coord_t value)

void lv_style_set_shadow_ofs_x(lv_style_t *style, lv_coord_t value)

void lv_style_set_shadow_ofs_y(lv_style_t *style, lv_coord_t value)

void lv_style_set_shadow_spread(lv_style_t *style, lv_coord_t value)

void lv_style_set_shadow_color(lv_style_t *style, lv_color_t value)

void lv_style_set_shadow_color_filtered(lv_style_t *style, lv_color_t value)

void lv_style_set_shadow_opa(lv_style_t *style, lv_opa_t value)

void lv_style_set_img_opa(lv_style_t *style, lv_opa_t value)

void lv_style_set_img_recolor(lv_style_t *style, lv_color_t value)

void lv_style_set_img_recolor_filtered(lv_style_t *style, lv_color_t value)

void lv_style_set_img_recolor_opa(lv_style_t *style, lv_opa_t value)

void lv_style_set_line_width(lv_style_t *style, lv_coord_t value)

void lv_style_set_line_dash_width(lv_style_t *style, lv_coord_t value)

void lv_style_set_line_dash_gap(lv_style_t *style, lv_coord_t value)

void lv_style_set_line_rounded(lv_style_t *style, bool value)

void lv_style_set_line_color(lv_style_t *style, lv_color_t value)

void lv_style_set_line_color_filtered(lv_style_t *style, lv_color_t value)

void lv_style_set_line_opa(lv_style_t *style, lv_opa_t value)

void lv_style_set_arc_width(lv_style_t *style, lv_coord_t value)

void lv_style_set_arc_rounded(lv_style_t *style, bool value)

void lv_style_set_arc_color(lv_style_t *style, lv_color_t value)

void lv_style_set_arc_color_filtered(lv_style_t *style, lv_color_t value)

void lv_style_set_arc_opa(lv_style_t *style, lv_opa_t value)

void lv_style_set_arc_img_src(lv_style_t *style, const void *value)

void lv_style_set_text_color(lv_style_t *style, lv_color_t value)

void lv_style_set_text_color_filtered(lv_style_t *style, lv_color_t value)

void lv_style_set_text_opa(lv_style_t *style, lv_opa_t value)

void lv_style_set_text_font(lv_style_t *style, const lv_font_t *value)

void lv_style_set_text_letter_space(lv_style_t *style, lv_coord_t value)

void lv_style_set_text_line_space(lv_style_t *style, lv_coord_t value)

void lv_style_set_text_decor(lv_style_t *style, lv_text_decor_t value)

void lv_style_set_text_align(lv_style_t *style, lv_text_align_t value)

void lv_style_set_radius(lv_style_t *style, lv_coord_t value)

void lv_style_set_clip_corner(lv_style_t *style, bool value)

void lv_style_set_opa(lv_style_t *style, lv_opa_t value)

void lv_style_set_color_filter_dsc(lv_style_t *style, const lv_color_filter_dsc_t *value)

void lv_style_set_color_filter_opa(lv_style_t *style, lv_opa_t value)


void lv_style_set_anim_time(lv_style_t *style, uint32_t value)

void lv_style_set_anim_speed(lv_style_t *style, uint32_t value)

void lv_style_set_transition(lv_style_t *style, const lv_style_transition_dsc_t *value)

void lv_style_set_blend_mode(lv_style_t *style, lv_blend_mode_t value)

void lv_style_set_layout(lv_style_t *style, uint16_t value)

void lv_style_set_base_dir(lv_style_t *style, lv_base_dir_t value)


戻る : Previous