acid-drop- Hacking the planet from a LilyGo T-Deck using custom firmware |
git clone git://git.acid.vegas/acid-drop.git |
Log | Files | Refs | Archive | README | LICENSE |
style-props.md (46064B)
1 # Style properties 2 3 ## Size and position 4 Properties related to size, position, alignment and layout of the objects. 5 6 ### width 7 Sets the width of object. Pixel, percentage and `LV_SIZE_CONTENT` values can be used. Percentage values are relative to the width of the parent's content area. 8 <ul> 9 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> Widget dependent</li> 10 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 11 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 12 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 13 </ul> 14 15 ### min_width 16 Sets a minimal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. 17 <ul> 18 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 19 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 20 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 21 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 22 </ul> 23 24 ### max_width 25 Sets a maximal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. 26 <ul> 27 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> LV_COORD_MAX</li> 28 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 29 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 30 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 31 </ul> 32 33 ### height 34 Sets the height of object. Pixel, percentage and `LV_SIZE_CONTENT` can be used. Percentage values are relative to the height of the parent's content area. 35 <ul> 36 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> Widget dependent</li> 37 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 38 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 39 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 40 </ul> 41 42 ### min_height 43 Sets a minimal height. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. 44 <ul> 45 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 46 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 47 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 48 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 49 </ul> 50 51 ### max_height 52 Sets a maximal height. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area. 53 <ul> 54 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> LV_COORD_MAX</li> 55 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 56 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 57 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 58 </ul> 59 60 ### x 61 Set the X coordinate of the object considering the set `align`. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. 62 <ul> 63 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 64 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 65 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 66 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 67 </ul> 68 69 ### y 70 Set the Y coordinate of the object considering the set `align`. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area. 71 <ul> 72 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 73 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 74 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 75 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 76 </ul> 77 78 ### align 79 Set the alignment which tells from which point of the parent the X and Y coordinates should be interpreted. The possible values are: `LV_ALIGN_DEFAULT`, `LV_ALIGN_TOP_LEFT/MID/RIGHT`, `LV_ALIGN_BOTTOM_LEFT/MID/RIGHT`, `LV_ALIGN_LEFT/RIGHT_MID`, `LV_ALIGN_CENTER`. `LV_ALIGN_DEFAULT` means `LV_ALIGN_TOP_LEFT` with LTR base direction and `LV_ALIGN_TOP_RIGHT` with RTL base direction. 80 <ul> 81 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_ALIGN_DEFAULT`</li> 82 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 83 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 84 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 85 </ul> 86 87 ### transform_width 88 Make the object wider on both sides with this value. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to the object's width. 89 <ul> 90 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 91 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 92 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 93 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 94 </ul> 95 96 ### transform_height 97 Make the object higher on both sides with this value. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to the object's height. 98 <ul> 99 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 100 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 101 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 102 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 103 </ul> 104 105 ### translate_x 106 Move the object with this value in X direction. Applied after layouts, aligns and other positioning. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to the object's width. 107 <ul> 108 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 109 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 110 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 111 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 112 </ul> 113 114 ### translate_y 115 Move the object with this value in Y direction. Applied after layouts, aligns and other positioning. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to the object's height. 116 <ul> 117 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 118 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 119 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 120 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 121 </ul> 122 123 ### transform_zoom 124 Zoom image-like objects. Multiplied with the zoom set on the object. The value 256 (or `LV_IMG_ZOOM_NONE`) means normal size, 128 half size, 512 double size, and so on 125 <ul> 126 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 127 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 128 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 129 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 130 </ul> 131 132 ### transform_angle 133 Rotate image-like objects. Added to the rotation set on the object. The value is interpreted in 0.1 degree units. E.g. 45 deg. = 450 134 <ul> 135 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 136 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 137 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 138 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 139 </ul> 140 141 ## Padding 142 Properties to describe spacing between the parent's sides and the children and among the children. Very similar to the padding properties in HTML. 143 144 ### pad_top 145 Sets the padding on the top. It makes the content area smaller in this direction. 146 <ul> 147 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 148 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 149 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 150 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 151 </ul> 152 153 ### pad_bottom 154 Sets the padding on the bottom. It makes the content area smaller in this direction. 155 <ul> 156 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 157 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 158 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 159 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 160 </ul> 161 162 ### pad_left 163 Sets the padding on the left. It makes the content area smaller in this direction. 164 <ul> 165 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 166 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 167 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 168 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 169 </ul> 170 171 ### pad_right 172 Sets the padding on the right. It makes the content area smaller in this direction. 173 <ul> 174 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 175 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 176 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 177 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 178 </ul> 179 180 ### pad_row 181 Sets the padding between the rows. Used by the layouts. 182 <ul> 183 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 184 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 185 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 186 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 187 </ul> 188 189 ### pad_column 190 Sets the padding between the columns. Used by the layouts. 191 <ul> 192 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 193 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 194 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 195 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 196 </ul> 197 198 ## Background 199 Properties to describe the background color and image of the objects. 200 201 ### bg_color 202 Set the background color of the object. 203 <ul> 204 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0xffffff`</li> 205 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 206 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 207 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 208 </ul> 209 210 ### bg_opa 211 Set the opacity of the background. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 212 <ul> 213 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_TRANSP`</li> 214 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 215 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 216 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 217 </ul> 218 219 ### bg_grad_color 220 Set the gradient color of the background. Used only if `grad_dir` is not `LV_GRAD_DIR_NONE` 221 <ul> 222 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 223 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 224 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 225 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 226 </ul> 227 228 ### bg_grad_dir 229 Set the direction of the gradient of the background. The possible values are `LV_GRAD_DIR_NONE/HOR/VER`. 230 <ul> 231 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_GRAD_DIR_NONE`</li> 232 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 233 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 234 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 235 </ul> 236 237 ### bg_main_stop 238 Set the point from which the background color should start for gradients. 0 means to top/left side, 255 the bottom/right side, 128 the center, and so on 239 <ul> 240 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 241 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 242 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 243 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 244 </ul> 245 246 ### bg_grad_stop 247 Set the point from which the background's gradient color should start. 0 means to top/left side, 255 the bottom/right side, 128 the center, and so on 248 <ul> 249 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 255</li> 250 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 251 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 252 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 253 </ul> 254 255 ### bg_grad 256 Set the gradient definition. The pointed instance must exist while the object is alive. NULL to disable. It wraps `BG_GRAD_COLOR`, `BG_GRAD_DIR`, `BG_MAIN_STOP` and `BG_GRAD_STOP` into one descriptor and allows creating gradients with more colors too. 257 <ul> 258 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 259 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 260 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 261 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 262 </ul> 263 264 ### bg_dither_mode 265 Set the dithering mode of the gradient of the background. The possible values are `LV_DITHER_NONE/ORDERED/ERR_DIFF`. 266 <ul> 267 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_DITHER_NONE`</li> 268 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 269 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 270 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 271 </ul> 272 273 ### bg_img_src 274 Set a background image. Can be a pointer to `lv_img_dsc_t`, a path to a file or an `LV_SYMBOL_...` 275 <ul> 276 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 277 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 278 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 279 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 280 </ul> 281 282 ### bg_img_opa 283 Set the opacity of the background image. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 284 <ul> 285 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 286 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 287 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 288 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 289 </ul> 290 291 ### bg_img_recolor 292 Set a color to mix to the background image. 293 <ul> 294 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 295 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 296 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 297 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 298 </ul> 299 300 ### bg_img_recolor_opa 301 Set the intensity of background image recoloring. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means no mixing, 255, `LV_OPA_100` or `LV_OPA_COVER` means full recoloring, other values or LV_OPA_10, LV_OPA_20, etc are interpreted proportionally. 302 <ul> 303 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_TRANSP`</li> 304 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 305 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 306 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 307 </ul> 308 309 ### bg_img_tiled 310 If enabled the background image will be tiled. The possible values are `true` or `false`. 311 <ul> 312 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 313 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 314 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 315 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 316 </ul> 317 318 ## Border 319 Properties to describe the borders 320 321 ### border_color 322 Set the color of the border 323 <ul> 324 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 325 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 326 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 327 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 328 </ul> 329 330 ### border_opa 331 Set the opacity of the border. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 332 <ul> 333 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 334 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 335 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 336 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 337 </ul> 338 339 ### border_width 340 Set hte width of the border. Only pixel values can be used. 341 <ul> 342 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 343 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 344 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 345 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 346 </ul> 347 348 ### border_side 349 Set only which side(s) the border should be drawn. The possible values are `LV_BORDER_SIDE_NONE/TOP/BOTTOM/LEFT/RIGHT/INTERNAL`. OR-ed values can be used as well, e.g. `LV_BORDER_SIDE_TOP | LV_BORDER_SIDE_LEFT`. 350 <ul> 351 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BORDER_SIDE_NONE`</li> 352 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 353 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 354 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 355 </ul> 356 357 ### border_post 358 Sets whether the border should be drawn before or after the children are drawn. `true`: after children, `false`: before children 359 <ul> 360 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 361 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 362 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 363 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 364 </ul> 365 366 ## Outline 367 Properties to describe the outline. It's like a border but drawn outside of the rectangles. 368 369 ### outline_width 370 Set the width of the outline in pixels. 371 <ul> 372 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 373 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 374 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 375 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 376 </ul> 377 378 ### outline_color 379 Set the color of the outline. 380 <ul> 381 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 382 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 383 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 384 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 385 </ul> 386 387 ### outline_opa 388 Set the opacity of the outline. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 389 <ul> 390 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 391 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 392 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 393 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 394 </ul> 395 396 ### outline_pad 397 Set the padding of the outline, i.e. the gap between object and the outline. 398 <ul> 399 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 400 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 401 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 402 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 403 </ul> 404 405 ## Shadow 406 Properties to describe the shadow drawn under the rectangles. 407 408 ### shadow_width 409 Set the width of the shadow in pixels. The value should be >= 0. 410 <ul> 411 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 412 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 413 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 414 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 415 </ul> 416 417 ### shadow_ofs_x 418 Set an offset on the shadow in pixels in X direction. 419 <ul> 420 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 421 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 422 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 423 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 424 </ul> 425 426 ### shadow_ofs_y 427 Set an offset on the shadow in pixels in Y direction. 428 <ul> 429 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 430 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 431 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 432 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 433 </ul> 434 435 ### shadow_spread 436 Make the shadow calculation to use a larger or smaller rectangle as base. The value can be in pixel to make the area larger/smaller 437 <ul> 438 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 439 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 440 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 441 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 442 </ul> 443 444 ### shadow_color 445 Set the color of the shadow 446 <ul> 447 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 448 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 449 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 450 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 451 </ul> 452 453 ### shadow_opa 454 Set the opacity of the shadow. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 455 <ul> 456 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 457 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 458 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 459 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 460 </ul> 461 462 ## Image 463 Properties to describe the images 464 465 ### img_opa 466 Set the opacity of an image. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 467 <ul> 468 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 469 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 470 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 471 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 472 </ul> 473 474 ### img_recolor 475 Set color to mixt to the image. 476 <ul> 477 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 478 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 479 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 480 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 481 </ul> 482 483 ### img_recolor_opa 484 Set the intensity of the color mixing. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 485 <ul> 486 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 487 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 488 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 489 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 490 </ul> 491 492 ## Line 493 Properties to describe line-like objects 494 495 ### line_width 496 Set the width of the lines in pixel. 497 <ul> 498 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 499 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 500 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 501 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 502 </ul> 503 504 ### line_dash_width 505 Set the width of dashes in pixel. Note that dash works only on horizontal and vertical lines 506 <ul> 507 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 508 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 509 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 510 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 511 </ul> 512 513 ### line_dash_gap 514 Set the gap between dashes in pixel. Note that dash works only on horizontal and vertical lines 515 <ul> 516 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 517 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 518 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 519 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 520 </ul> 521 522 ### line_rounded 523 Make the end points of the lines rounded. `true`: rounded, `false`: perpendicular line ending 524 <ul> 525 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 526 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 527 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 528 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 529 </ul> 530 531 ### line_color 532 Set the color fo the lines. 533 <ul> 534 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 535 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 536 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 537 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 538 </ul> 539 540 ### line_opa 541 Set the opacity of the lines. 542 <ul> 543 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 544 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 545 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 546 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 547 </ul> 548 549 ## Arc 550 TODO 551 552 ### arc_width 553 Set the width (thickness) of the arcs in pixel. 554 <ul> 555 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 556 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 557 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 558 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li> 559 </ul> 560 561 ### arc_rounded 562 Make the end points of the arcs rounded. `true`: rounded, `false`: perpendicular line ending 563 <ul> 564 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 565 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 566 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 567 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 568 </ul> 569 570 ### arc_color 571 Set the color of the arc. 572 <ul> 573 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 574 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 575 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 576 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 577 </ul> 578 579 ### arc_opa 580 Set the opacity of the arcs. 581 <ul> 582 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 583 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 584 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 585 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 586 </ul> 587 588 ### arc_img_src 589 Set an image from which the arc will be masked out. It's useful to display complex effects on the arcs. Can be a pointer to `lv_img_dsc_t` or a path to a file 590 <ul> 591 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 592 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 593 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 594 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 595 </ul> 596 597 ## Text 598 Properties to describe the properties of text. All these properties are inherited. 599 600 ### text_color 601 Sets the color of the text. 602 <ul> 603 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li> 604 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 605 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 606 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 607 </ul> 608 609 ### text_opa 610 Set the opacity of the text. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 611 <ul> 612 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 613 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 614 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 615 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 616 </ul> 617 618 ### text_font 619 Set the font of the text (a pointer `lv_font_t *`). 620 <ul> 621 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_FONT_DEFAULT`</li> 622 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 623 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 624 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 625 </ul> 626 627 ### text_letter_space 628 Set the letter space in pixels 629 <ul> 630 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 631 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 632 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 633 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 634 </ul> 635 636 ### text_line_space 637 Set the line space in pixels. 638 <ul> 639 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 640 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 641 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 642 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 643 </ul> 644 645 ### text_decor 646 Set decoration for the text. The possible values are `LV_TEXT_DECOR_NONE/UNDERLINE/STRIKETHROUGH`. OR-ed values can be used as well. 647 <ul> 648 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_TEXT_DECOR_NONE`</li> 649 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 650 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 651 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 652 </ul> 653 654 ### text_align 655 Set how to align the lines of the text. Note that it doesn't align the object itself, only the lines inside the object. The possible values are `LV_TEXT_ALIGN_LEFT/CENTER/RIGHT/AUTO`. `LV_TEXT_ALIGN_AUTO` detect the text base direction and uses left or right alignment accordingly 656 <ul> 657 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_TEXT_ALIGN_AUTO`</li> 658 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 659 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 660 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 661 </ul> 662 663 ## Miscellaneous 664 Mixed properties for various purposes. 665 666 ### radius 667 Set the radius on every corner. The value is interpreted in pixel (>= 0) or `LV_RADIUS_CIRCLE` for max. radius 668 <ul> 669 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 670 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 671 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 672 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 673 </ul> 674 675 ### clip_corner 676 Enable to clip the overflowed content on the rounded corner. Can be `true` or `false`. 677 <ul> 678 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 679 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 680 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 681 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 682 </ul> 683 684 ### opa 685 Scale down all opacity values of the object by this factor. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. 686 <ul> 687 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 688 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 689 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 690 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 691 </ul> 692 693 ### color_filter_dsc 694 Mix a color to all colors of the object. 695 <ul> 696 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 697 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 698 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 699 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 700 </ul> 701 702 ### color_filter_opa 703 The intensity of mixing of color filter. 704 <ul> 705 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_TRANSP`</li> 706 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 707 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 708 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 709 </ul> 710 711 ### anim 712 The animation template for the object's animation. Should be a pointer to `lv_anim_t`. The animation parameters are widget specific, e.g. animation time could be the E.g. blink time of the cursor on the text area or scroll time of a roller. See the widgets' documentation to learn more. 713 <ul> 714 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 715 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 716 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 717 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 718 </ul> 719 720 ### anim_time 721 The animation time in milliseconds. Its meaning is widget specific. E.g. blink time of the cursor on the text area or scroll time of a roller. See the widgets' documentation to learn more. 722 <ul> 723 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 724 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 725 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 726 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 727 </ul> 728 729 ### anim_speed 730 The animation speed in pixel/sec. Its meaning is widget specific. E.g. scroll speed of label. See the widgets' documentation to learn more. 731 <ul> 732 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 733 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 734 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 735 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 736 </ul> 737 738 ### transition 739 An initialized `lv_style_transition_dsc_t` to describe a transition. 740 <ul> 741 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li> 742 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 743 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 744 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 745 </ul> 746 747 ### blend_mode 748 Describes how to blend the colors to the background. The possible values are `LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE/MULTIPLY` 749 <ul> 750 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BLEND_MODE_NORMAL`</li> 751 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 752 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li> 753 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 754 </ul> 755 756 ### layout 757 Set the layout if the object. The children will be repositioned and resized according to the policies set for the layout. For the possible values see the documentation of the layouts. 758 <ul> 759 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 760 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li> 761 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 762 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 763 </ul> 764 765 ### base_dir 766 Set the base direction of the object. The possible values are `LV_BIDI_DIR_LTR/RTL/AUTO`. 767 <ul> 768 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BASE_DIR_AUTO`</li> 769 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 770 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 771 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 772 </ul>