Resource - Shape

Shape Resources in Total Launcher provide lightweight vector graphics tools for creating scalable UI elements, background containers, and custom button bases. Unlike standard pixel-based images that lose crispness when scaled, vector shapes utilize mathematical rendering to maintain perfect clarity at any screen resolution while consuming minimal system memory. Saved directly within the central resource library, shape assets can be reused across multiple pages and updated globally. Mastering these vector parameters enables the design of modern card layouts, custom borders, and dynamic object masking without external editing software.

Total Launcher manages reusable vector assets within a central library accessed via:

• Location: Enter Edit Mode > Launcher options > Resources > Shape as viewed in this dialog.

• Card UI Backgrounds: Creating clean, modern panels behind text or widgets to improve legibility against busy wallpapers.
• Custom Buttons: Combining background vector shapes with text or icons to create tactile, interactive controls.
• Object Masking: Serving as a geometric frame or “cookie cutter” to crop square images into circular or Squircle profiles.
• UI Accents: Acting as dividers, borders, or structural indicators across layout groups.

Total Launcher includes a core collection of vector geometries:

Type	Preview	Primary Use Case
Rectangle		Sharp 90-degree corners. Ideal for full-screen containers, divider lines, and rigid grid layouts. Resizes freely on the canvas.
Rounded Rectangle		The primary standard for modern Android design. Ideal for cards, app icon backgrounds, and buttons. Increasing the corner radius beyond `50` transforms the shape into a pill or oval.
Oval		Automatically forms a perfect circle when width and height are equal, or an ellipse when stretched.
Squircle		A continuous hybrid between a square and a circle. Unlike rounded rectangles, squircles feature smooth curvature along their entire perimeter for a modern UI feel.
Arc		Generates curved lines, pie-chart wedges, or circular segments defined by start and sweep angles.
Polygon		Multi-sided geometric shapes (3 to 24 sides) such as triangles, pentagons, and heptagons. Excellent for unique navigation keys and geometric accents.

To add and configure a new shape resource:

Specific shape types provide fine-tuned controls to adjust curvature, angles, and sides. View the dialogs and explanations for these specific shapes:

🔷 Rounded Rectangle

🔷 Arc

🔷 Squircle

🔷 Polygon

Instead of placing text or widgets directly on a busy wallpaper, apply a Rounded Rectangle shape as a background layer:

1. Create a shape with a solid fill (e.g., `#FF1E1E1E` for dark mode).
2. Set the corner radius to `28`.
3. Place the shape behind a group of widgets or text items to form a clean, readable card.

Vector shapes act as a geometric frame or “cookie cutter” for images:

1. Select an Oval shape resource.
2. Set the image as a mask fill over a square photo object.
3. The photo automatically crops into a clean, circular profile picture.

• Resolution Independence: Shapes never pixelate or blur when stretched across high-density displays.
• Memory Efficiency: Machine-readable vector shapes consume virtually zero RAM compared to heavy PNG image files.
• Global Resource Syncing: Because shapes are saved centrally in the resource library, modifying a single shape resource automatically updates every instance of that shape across all pages.