meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
section:section-shape [2026/07/30 16:03] – dorepssection:section-shape [2026/07/30 17:13] (current) – doreps
Line 31: Line 31:
  
 <WRAP hscroll_box> <WRAP hscroll_box>
-<WRAP 400px> +<WRAP> 
-**Shape Selection Dialog**\\ {{:ui:ui-resource-shape-add-dialog-v4.webp?direct&200|Shape Add dialog}} ⬅️➡️ {{:ui:ui-resource-shape-selection-dialog-v4.webp?direct&150|Shape Selection dialog}}+  * **Label:** Assign a unique descriptive name (use underscores `_` instead of spaces) for identification in the resource manager. 
 + 
 +  * **Shape Selection:** Choose the base vector geometry from the library. 
 + 
 +  *  **Color 1:** Defines the primary fill color (Defaults to `#FFFFFFFF` solid white). 
 + 
 +  *  **Color 2:** Defaults to transparent (`#00FFFFFF`). Changing Color 2 unlocks 14 gradient shading modes, wallpaper blur effects, and glassy transparency overlays. 
 + 
 +  *  **Border Width & Color:** Defines an outer stroke along the perimeter (`0` to `288` pixels). Borders use solid colors only (gradients are not supported on borders).
 </WRAP> </WRAP>
 <WRAP> <WRAP>
- • **Label:** Assign a unique descriptive name (use underscores `_` instead of spaces) for identification in the resource manager.\\ \\ • **Shape Selection:** Choose the base vector geometry from the library.\\ \\ • **Color 1:** Defines the primary fill color (Defaults to `#FFFFFFFF` solid white).\\ \\ • **Color 2:** Defaults to transparent (`#00FFFFFF`). Changing Color 2 unlocks 14 gradient shading modes, wallpaper blur effects, and glassy transparency overlays.\\ \\ • **Border Width & Color:** Defines an outer stroke along the perimeter (`0` to `288` pixels). Borders use solid colors only (gradients are not supported on borders).+**Shape Selection Dialog**\\ {{:ui:ui-resource-shape-add-dialog-v4.webp?direct&200|Shape Add dialog}} ⬅️➡️ {{:ui:ui-resource-shape-selection-dialog-v4.webp?direct&150|Shape Selection dialog}}
 </WRAP> </WRAP>
 </WRAP> </WRAP>
Line 45: Line 53:
 ===== Advanced Geometry Parameters ===== ===== Advanced Geometry Parameters =====
  
-Specific shape types provide fine-tuned controls to adjust curvature, angles, and sides: +Specific shape types provide fine-tuned controls to adjust curvature, angles, and sides. View the dialogs and explanations for these specific shapes: 
- +++++ 🔷 Rounded Rectangle| 
-++++ Click to expand shape-specific parameter controls... | +<WRAP hscroll_box> 
- +<WRAP> 
-==== Polygon Parameters ==== +^  **Rounded Rectangle Parameters**  ^^^ 
-^ Parameter ^ Range ^ Functional Behavior ^ +^  **Parameter**  ^  **Range**  ^  **Functional Behavior**  ^ 
-| **Sides** | `3` to `24` | Sets the total number of polygon sides (e.g., `3` = triangle, `5` = pentagon). | +|  **Link All Sides**  |  Toggle  | Toggles uniform corner rounding vs. individual corner adjustments. | 
-| **Rounded Corner Radius** | `0` to `50` | Rounds the vertices. Higher values smooth the corners toward a circular profile. | +|  **Specific Corner**  |  `0` to `285`  | Defines curvature per corner for asymmetrical card designs. The default is Android Material 3's `28`. | 
-| **Size** | `50%` to `200%` | Scales the relative display size within the bounding box. | +</WRAP> 
-| **Rotate** | `-180°` to `180°` | Rotates the shape on a 2D plane prior to placing it on the page. | +<WRAP> 
- +{{:ui:ui-resource-shape-rnd_rect-parms-v4.webp?direct&200|Rounded Rectangle Parameters Dialog}} 
-==== Squircle Parameters ==== +</WRAP> 
-^ Parameter ^ Range ^ Functional Behavior ^ +</WRAP> 
-| **Curvature** | `2` to `10` | Controls edge curvature. A value of `3` creates a standard squircle; `10` approaches a rounded rectangle. | +++++ 
- +++++ 🔷 Arc| 
-==== Rounded Rectangle Parameters ==== +<WRAP hscroll_box> 
-^ Parameter ^ Range ^ Functional Behavior ^ +<WRAP> 
-| **Link All Sides** | Toggle | Toggles uniform corner rounding vs. individual corner adjustments. | +^  **Arc Parameters**  ^^^ 
-| **Specific Corner** | `0` to `285` | Defines curvature per corner for asymmetrical card designs. | +^  **Parameter**  ^  **Range**  ^  **Functional Behavior**  ^ 
- +|  **Start Angle**  |  Degrees  | Sets the starting point along the 360-degree radial path (`0°` = 3 o'clock position). | 
-==== Arc Parameters ==== +|  **Sweep Angle**  |  Degrees  | Sets the length of the arc span (`90°` = quarter arc, `180°` = semicircle, `360°` = full circle). | 
-^ Parameter ^ Range ^ Functional Behavior ^ +</WRAP> 
-| **Start Angle** | Degrees | Sets the starting point along the 360-degree radial path (`0°` = 3 o'clock position). | +<WRAP> 
-| **Sweep Angle** | Degrees | Sets the length of the arc span (`90°` = quarter arc, `180°` = semicircle, `360°` = full circle). | +{{:ui:ui-resource-shape-arc-parms-v4.webp?direct&200|Arc Parameters Dialog}} 
 +</WRAP> 
 +</WRAP>   
 +++++ 
 +++++ 🔷 Squircle| 
 +<WRAP hscroll_box> 
 +<WRAP> 
 +^  **Squircle Parameters**  ^^^ 
 +^  **Parameter**  ^  **Range**  ^  **Functional Behavior**  ^ 
 +|  **Curvature**  |  `2` to `10`  | Controls edge curvature. A value of `3` creates a standard squircle; `10` approaches a rounded rectangle. | 
 +</WRAP> 
 +<WRAP> 
 +{{:ui:ui-resource-shape-squircle-parms-v4.webp?direct&200|Arc Parameters Dialog}} 
 +</WRAP> 
 +</WRAP> 
 +++++ 
 +++++ 🔷 Polygon| 
 +<WRAP hscroll_box> 
 +<WRAP> 
 +^  **Polygon Parameters**  ^^^ 
 +^  **Parameter**  ^  **Range**  ^  **Functional Behavior**  ^ 
 +|  **Sides**  |  `3` to `24`  | Sets the total number of polygon sides (e.g., `3` = triangle, `5` = pentagon). | 
 +|  **Rounded Corner Radius**  |  `0` to `50`  | Rounds the vertices. Higher values smooth the corners toward a circular profile. | 
 +|  **Size**  |  `50%` to `200%`  | Scales the relative display size within the bounding box. | 
 +|  **Rotate**  |  `-180°` to `180°`  | Rotates the shape on a 2D plane prior to placing it on the page. | 
 +</WRAP> 
 +<WRAP> 
 +{{:ui:ui-resource-shape-polygon-parms-v4.webp?direct&200|Arc Parameters Dialog}} ⇔ {{:ui:ui-resource-shape-polygon-3_24-v4.webp?direct&150}} 
 +</WRAP> 
 +</WRAP>
 ++++ ++++