From 55e8846871f812f888c8354e4ec8974ac0650165 Mon Sep 17 00:00:00 2001 From: Gabor Kiss-Vamosi Date: Thu, 12 Aug 2021 14:37:15 +0200 Subject: [PATCH] docs(style) complete the description of style the properties --- docs/overview/style-props.md | 234 +++++++++++++++++------------------ 1 file changed, 117 insertions(+), 117 deletions(-) diff --git a/docs/overview/style-props.md b/docs/overview/style-props.md index b69ae3bcf..6747a341b 100644 --- a/docs/overview/style-props.md +++ b/docs/overview/style-props.md @@ -1,15 +1,15 @@ # Style properties ## Size and position -TODO +Properties related to size, position, alignment and layout of the objects. ### width 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. @@ -18,9 +18,9 @@ Sets the width of object. Pixel, percentage and `LV_SIZE_CONTENT` values can be ### min_width Sets a minimal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. @@ -29,9 +29,9 @@ Sets a minimal width. Pixel and percentage values can be used. Percentage values ### max_width Sets a maximal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area. @@ -40,9 +40,9 @@ Sets a maximal width. Pixel and percentage values can be used. Percentage values ### height 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. @@ -53,7 +53,7 @@ Sets a minimal height. Pixel and percentage values can be used. Percentage value @@ -62,9 +62,9 @@ Sets a minimal height. Pixel and percentage values can be used. Percentage value ### max_height Sets a maximal height. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area. @@ -75,7 +75,7 @@ Set the X coordinate of the object considering the set `align`. Pixel and percen @@ -86,16 +86,16 @@ Set the Y coordinate of the object considering the set `align`. Pixel and percen ### align -Set the alignment which determines from which point of the parent the X and Y coordinates should be interpreted. The possible values are: `LV_ALIGN_TOP_LEFT/MID/RIGHT`, `LV_ALIGN_BOTTOM_LEFT/MID/RIGHT`, `LV_ALIGN_LEFT/RIGHT_MID`, `LV_ALIGN_CENTER` +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. @@ -120,7 +120,7 @@ Make the object higher on both sides with this value. Pixel and percentage (with
  • Default 0
  • Inherited No
  • Layout No
    • -
  • Ext. draw No
    • +
  • Ext. draw Yes
    • @@ -130,7 +130,7 @@ Move the object with this value in X direction. Applied after layouts, aligns an @@ -141,7 +141,7 @@ Move the object with this value in Y direction. Applied after layouts, aligns an @@ -152,8 +152,8 @@ Zoom image-like objects. Multiplied with the zoom set on the object. The value 2 @@ -163,13 +163,13 @@ Zoom image-like objects. Multiplied with the zoom set on the object. The value 2 ## Padding -TODO +Properties to describe spacing betwwen the parent's sides and the children and among the children. Very similar to the padding properties in HTML. ### pad_top @@ -177,7 +177,7 @@ Sets the padding on the top. It makes the content area smaller in this direction @@ -188,7 +188,7 @@ Sets the padding on the bottom. It makes the content area smaller in this direct @@ -210,7 +210,7 @@ Sets the padding on the right. It makes the content area smaller in this directi @@ -221,7 +221,7 @@ Sets the padding between the rows. Used by the layouts. @@ -232,13 +232,13 @@ Sets the padding between the columns. Used by the layouts. ## Miscellaneous -TODO +Mixed proprites for various purposes. ### radius @@ -264,10 +264,10 @@ Enable to clip the overflowed content on the rounded corner. Can be `true` or `f ### opa -Scale down all opacity values of the object by this factor. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 256, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc indicate semi-transparency. +Scale down all opacity values of the object by this factor. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 256, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency. @@ -277,7 +277,7 @@ Scale down all opacity values of the object by this factor. Value 0, `LV_OPA_0` ### color_filter_dsc Mix a color to all colors of the object.