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 Backlink icon on the right sidebar (mobile: drop-down dialog at the top of the page).

Squircle Options

Cancel OK

Squircle Options dialog. Make selection above.

In the above image, tap these elements to navigate in this demo:

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.

Toby says Megaphone announcement: More Squircle distinctions:

🔹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.


Technical Distinction: “Squircle 4–5” vs. Native “Round Rectangle” In Total Launcher:

🔹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.

===== Hidden Index Anchors ===== ui-resources-shape-selection-squircle