meta data for this page
- en
This is an old revision of the document!
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.
What is a Shape Resource?
Total Launcher manages reusable vector assets within a central library accessed via:
Common Use Cases
- 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.
Built-in Shape Library
Total Launcher includes a core collection of vector geometries:
Basic Shape Creation Workflow
To add and configure a new shape resource:
- 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).
For detailed instructions on configuring gradients, alpha channels, and hexadecimal transparency levels, refer to the Color Picker Guide.
Advanced Geometry Parameters
Specific shape types provide fine-tuned controls to adjust curvature, angles, and sides. View the dialogs and explanations for these specific shapes:












Discussion