====== Squircle Options ======

Dialog selections are discussed below the image. To navigate to an item, select it in the Squircle Options image . If NOT selecting any item and wanting to return to the prior page: swipe right-to-left; use the browser’s ‘back’ arrow; or use the Wiki’s Backlink icon {{:ui:ui-doku_link-backlink-v4.webp?direct&30|Backlink icon}} on the right sidebar (mobile: drop-down dialog at the top of the page).

{{imapmarkers>:ui:ui-resources-shape-selection-squircle-option-v4.webp?300|Squircle Options}}
[[:ui:ui-resources-shape-selection-squircle|ID1|Cancel@160,200,226,232]]
[[:ui:ui-resources-shape-selection-squircle|ID2|OK@230,200,289,232]]
{{cfg>}}
{
}
{{<cfg}}
{{<imapmarkers}}
<wrap hi>**Squircle Options dialog. Make selection above.**</wrap>

In the above image, tap these elements to navigate in this demo:
  * **Cancel** - Discards any modifications made to the curvature settings and returns to the previous menu without saving changes.
  * **OK** - Confirms the selected curvature settings and saves the customized squircle resource to the shape palette.

Other elements in this dialog screen (which are interactive in the app, but not this demo) show options for:
* **Curvature** - Displays the label for the corner smoothing parameter that controls the transitional curve between a circle and a square. The value range is ''2'' to ''10''.
    * **Lower Values (e.g., 2 to 4):** Produces the roundest profiles. At ''2'', the shape resolves into a circle, while values ''3'' and ''4'' form a balanced superellipse (classic squircle) with deep, continuous corner transitions.
    * **Higher Values (e.g., 5 to 10) (toward the right of the slider):** Progressively pushes the curve out toward the corners, flattening the perimeter edges until the geometry closely resembles a square with tight corner rounding at ''10''.
    * ++See examples here|{{:ui:ui-resource-shape-squircle-2_10-v4.webp?direct&200|Squircle curvature value examples}}++
  * **Curvature Value (3)** - Shows the currently assigned curvature index. Selecting this badge opens a numeric entry dialog to input an exact value directly.
  * **Decrease (-) Button** - Decrements the curvature value by single-unit increments to sharpen the shape corners closer to a square profile.
  * **Curvature Slider** - Adjusts the curvature dynamically across its range by dragging the indicator handle left or right.
  * **Increase (+) Button** - Increments the curvature value by single-unit increments to increase corner roundness toward a circular profile.

<WRAP toby round tip>
<WRAP centeralign>**Toby says {{:ui:ui-icon_megaphone-32-v4.webp|Megaphone announcement}}: More Squircle distinctions:**</WRAP>

🔹**Squircle 2:** Essentially a true circle (the standard mathematical circle exponent n=2).\\ 
🔹**Squircle 3:** A ballooned circle / heavy squircle. The sides bow outward prominently, leaving very little flat edge.\\ 
🔹**Squircle 4 & 5 (The Sweet Spot for a "Rounded Square"):** Squircle 4 provides distinct, straight-feeling flat edges along the top, bottom, and sides while maintaining generous, organic corner curves. This is visually identical to classic Apple/Samsung app icon silhouettes.\\ 
🔹**Squircle 5** firms up the straight edges even further, closely mimicking a square with a moderate corner radius, but with continuous superellipse curvature rather than abrupt circular arcs.\\ 
🔹**Squircle 6 to 8:** Approaches a box/tile. The flat edges dominate the perimeter, and only the outer tips curve inward.\\ 
🔹**Squircle 9 & 10:** Virtually a sharp square with only subtle, tight corner rounding.

----

<WRAP centeralign>Technical Distinction: **"Squircle 4–5" vs. Native "Round Rectangle"** In Total Launcher:</WRAP>

🔹Default Shape > Round Rectangle: Constructs a shape by taking straight lines and splicing four separate circular quarter-arcs at the corners. This produces a noticeable point of tangency (a visible "seam") where the straight edge transitions into the circle.

🔹Squircle (Curvature 4 or 5): Uses a continuous mathematical curve across the entire perimeter without hard tangency seams. It achieves the visual function of a rounded square with a significantly smoother, more modern look.
</WRAP>


<wrap hide>
===== Hidden Index Anchors =====
[[:ui:ui-resources-shape-selection-squircle]]
</wrap>
<WRAP noprint>

{{page>site:site-footer-comment_feedback_block}}

</WRAP>