meta data for this page
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| uitlm-rewrite:phase_01 [2026/07/04 22:24] – doreps | uitlm-rewrite:phase_01 [2026/07/26 13:05] (current) – [Backgrounds & Shapes] gjrichter364_gmail.com | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | <WRAP center notice centeralign> | ||
| - | **⚠️ v4.0 UI Transition Notice - In Process:** | ||
| - | //The release of Total Launcher v4.0 has introduced significant user interface changes. Please note that this | ||
| - | page does not yet reflect these updates. The new layout paths, folds, and visual maps are currently being | ||
| - | compiled and will be deployed shortly.// | ||
| - | </ | ||
| - | |||
| - | |||
| - | ---- | ||
| - | |||
| - | |||
| ====== Phase 1: The Object (Visual Mastery) ====== | ====== Phase 1: The Object (Visual Mastery) ====== | ||
| Line 20: | Line 9: | ||
| * **Method 1 (Direct):** Long-press (tap and hold) to highlight the object and open the Object Design menu at the top of the screen. | * **Method 1 (Direct):** Long-press (tap and hold) to highlight the object and open the Object Design menu at the top of the screen. | ||
| - | * *Action:* Select '' | + | * *Action:* Select '' |
| * *Action:* Select the '' | * *Action:* Select the '' | ||
| - | * **Method 2 (The '' | + | * **Method 2 (The '' |
| ==== The " | ==== The " | ||
| Line 29: | Line 18: | ||
| ==== Geometry & Alignment ==== | ==== Geometry & Alignment ==== | ||
| * **The Bounding Box (Clickable Area):** | * **The Bounding Box (Clickable Area):** | ||
| - | * **How to change:** Long-press the object to select it, then drag the blue handles or tap the '' | + | * **How to change:** Long-press the object to select it, then drag the blue handles or tap the '' |
| * **Visual Sizing (Content): | * **Visual Sizing (Content): | ||
| * **For Text:** Use **Scale X (%)** in the Text Options to stretch or compress the font width. | * **For Text:** Use **Scale X (%)** in the Text Options to stretch or compress the font width. | ||
| Line 35: | Line 24: | ||
| === Rotation vs. Transformation === | === Rotation vs. Transformation === | ||
| - | * **Rotation** //or// **Transformation** {{:ui: | + | * **Rotation** //or// **Transformation** {{ui: |
| * **Rotation: | * **Rotation: | ||
| * **Transformation: | * **Transformation: | ||
| Line 54: | Line 43: | ||
| === The Two Types of Text === | === The Two Types of Text === | ||
| * **Static Text:** Plain labels like " | * **Static Text:** Plain labels like " | ||
| - | * **Dynamic Text:** Total Launcher can display system data. When adding text, you can choose standard formats like **Date** (e.g., M/d/yyyy) or **Time** (e.g., hh:mm), or use **Text Tags** for battery, RAM, or unread counts. See the dialog ++here.|{{: | + | * **Dynamic Text:** Total Launcher can display system data. When adding text, you can choose standard formats like **Date** (e.g., M/d/yyyy) or **Time** (e.g., hh:mm), or use **Text Tags** for battery, RAM, or unread counts. See the dialog |
| + | ++++here.| | ||
| + | <WRAP group> | ||
| + | <WRAP column 200px> | ||
| + | <WRAP centeralign> | ||
| + | {{:ui:ui-graphic-text-dynamic-dialog-1of5-v4.webp?200}} | ||
| + | </ | ||
| + | <WRAP column 200px> | ||
| + | <WRAP centeralign> | ||
| + | {{: | ||
| + | </ | ||
| + | <WRAP column 200px> | ||
| + | <WRAP centeralign> | ||
| + | {{: | ||
| + | </ | ||
| + | </ | ||
| + | <WRAP group> | ||
| + | <WRAP column 200px> | ||
| + | <WRAP centeralign> | ||
| + | {{: | ||
| + | </ | ||
| + | <WRAP column 200px> | ||
| + | <WRAP centeralign> | ||
| + | {{: | ||
| + | </ | ||
| + | </ | ||
| + | <WRAP clear/> | ||
| + | ++++ | ||
| === Text Formatting Options === | === Text Formatting Options === | ||
| Line 82: | Line 98: | ||
| * **Color Filters:** A powerful tool to silhouette an icon. | * **Color Filters:** A powerful tool to silhouette an icon. | ||
| * *How it works:* Apply a solid color (e.g., White) over a colorful icon. This flattens it into a minimal shape. | * *How it works:* Apply a solid color (e.g., White) over a colorful icon. This flattens it into a minimal shape. | ||
| - | * **Settings: | + | * **Settings: |
| <WRAP GROUP> | <WRAP GROUP> | ||
| Line 98: | Line 114: | ||
| === The Gradient Trick === | === The Gradient Trick === | ||
| * **Solid Color:** Select a single color in the option '' | * **Solid Color:** Select a single color in the option '' | ||
| - | * **Shapes:** Choose Rectangle, | + | * **Shapes:** Choose Rectangle, |
| - | * *Gradient Tip:* In the Shape menu, there is **Color 1** and **Color 2**. Set them to different | + | * *Gradient Tip:* In the Shape menu, there is **Color 1** and **Color 2**. Set them to different |
| - | ^ Color Picker: Round Rectangle\\ Color1 Red\\ Color2 Green ^ Shape: Fill dialog\\ Color1 Red\\ Color2 Green ^ ^ Color Picker: | + | ^ Color Picker: Round Rectangle\\ Color1 Red\\ Color2 Green ^ Shape: Fill dialog\\ Color1 Red\\ Color2 Green ^ ^ Color Picker: |
| - | | {{: | + | | {{: |
| ==== Shadows & Depth ==== | ==== Shadows & Depth ==== | ||
| - | Shadows are applied to the *content* (the text letters or icon shape), not the bounding box. | + | Shadows are applied to the **content** (the text letters or icon shape), not the bounding box. |
| * **Radius:** Controls the blur. A high radius (e.g., 20px) looks like a soft glow; a low radius (1px) looks like a hard outline. | * **Radius:** Controls the blur. A high radius (e.g., 20px) looks like a soft glow; a low radius (1px) looks like a hard outline. | ||
| * **Offset X/Y:** Controls the light source direction. | * **Offset X/Y:** Controls the light source direction. | ||
| - | * *Pro Tip:* Set Offset X and Y to **0** and use a bright shadow color to create a "Neon Glow" effect around | + | * *Pro Tip:* Set Offset X and Y to **0** and use a bright shadow color to create a "Neon Glow" effect around text. |
| <WRAP GROUP> | <WRAP GROUP> | ||
| Line 115: | Line 131: | ||
| <WRAP centeralign> | <WRAP centeralign> | ||
| Shadow & Depth\\ Plain\\ Offset X 5 Offset Y 5 | Shadow & Depth\\ Plain\\ Offset X 5 Offset Y 5 | ||
| - | {{:ui: | + | {{ui: |
| </ | </ | ||
| </ | </ | ||
| </ | </ | ||
| + | |||
| + | ---- | ||
| + | |||
| + | <WRAP right> | ||
| + | [[: | ||
| + | </ | ||
| + | |||
| + | ---- | ||
| <WRAP noprint> | <WRAP noprint> | ||