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:33] – dorepssection:section-shape [2026/07/30 17:13] (current) – doreps
Line 54: Line 54:
  
 Specific shape types provide fine-tuned controls to adjust curvature, angles, and sides. View the dialogs and explanations for these specific shapes: Specific shape types provide fine-tuned controls to adjust curvature, angles, and sides. View the dialogs and explanations for these specific shapes:
-++++ • Rounded Rectangle|+++++ 🔷 Rounded Rectangle|
 <WRAP hscroll_box> <WRAP hscroll_box>
 +<WRAP>
 ^  **Rounded Rectangle Parameters**  ^^^ ^  **Rounded Rectangle Parameters**  ^^^
-^ Parameter ^ Range ^ Functional Behavior ^ +^  **Parameter**  ^  **Range**  ^  **Functional Behavior**  ^ 
-| **Link All Sides** | Toggle | Toggles uniform corner rounding vs. individual corner adjustments. | +|  **Link All Sides**  |  Toggle  | Toggles uniform corner rounding vs. individual corner adjustments. | 
-| **Specific Corner** | `0` to `285` | Defines curvature per corner for asymmetrical card designs. | +|  **Specific Corner**  |  `0` to `285`  | Defines curvature per corner for asymmetrical card designs. The default is Android Material 3's `28`. | 
-|  {{:ui:ui-resource-shape-rnd_rect-parms-v4.webp?direct&200|Rounded Rectangle Parameters Dialog}}  |||+</WRAP> 
 +<WRAP> 
 +{{:ui:ui-resource-shape-rnd_rect-parms-v4.webp?direct&200|Rounded Rectangle Parameters Dialog}} 
 +</WRAP>
 </WRAP> </WRAP>
 ++++ ++++
-++++ • Arc| +++++ 🔷 Arc| 
-==== Arc Parameters ==== +<WRAP hscroll_box> 
-^ Parameter ^ Range ^ Functional Behavior ^ +<WRAP> 
-| **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**  ^ 
 +|  **Start Angle**  |  Degrees  | Sets the starting point along the 360-degree radial path (`0°` = 3 o'clock position). | 
 +|  **Sweep Angle**  |  Degrees  | Sets the length of the arc span (`90°` = quarter arc, `180°` = semicircle, `360°` = full circle). | 
 +</WRAP> 
 +<WRAP> 
 +{{:ui:ui-resource-shape-arc-parms-v4.webp?direct&200|Arc Parameters Dialog}} 
 +</WRAP> 
 +</WRAP>  
 ++++ ++++
-++++ • Squircle| +++++ 🔷 Squircle| 
-==== Squircle Parameters ==== +<WRAP hscroll_box> 
-^ 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. |+^  **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| +++++ 🔷 Polygon| 
-==== Polygon Parameters ==== +<WRAP hscroll_box> 
-^ Parameter ^ Range ^ Functional Behavior ^ +<WRAP> 
-| **Sides** | `3` to `24` | Sets the total number of polygon sides (e.g., `3` = triangle, `5` = pentagon). | +^  **Polygon Parameters**  ^^^ 
-| **Rounded Corner Radius** | `0` to `50` | Rounds the vertices. Higher values smooth the corners toward a circular profile. | +^  **Parameter**  ^  **Range**  ^  **Functional Behavior**  ^ 
-| **Size** | `50%` to `200%` | Scales the relative display size within the bounding box. | +|  **Sides**  |  `3` to `24`  | Sets the total number of polygon sides (e.g., `3` = triangle, `5` = pentagon). | 
-| **Rotate** | `-180°` to `180°` | Rotates the shape on a 2D plane prior to placing it on the page. |+|  **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>
 ++++ ++++