meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
howto:howto-image-add_to_page_and_resource [2026/07/08 16:53] – howto: google index hiding v4 wrap dorepshowto:howto-image-add_to_page_and_resource [2026/07/19 12:00] (current) – ↷ Links adapted because of a move operation doreps
Line 1: Line 1:
-<WRAP hide>%%<!-- googleoff: index -->%%</WRAP> +====== Total Launcher Layout Guide: How to Add, Organize, and Scale Image Resources ======
-<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.// +
-</WRAP> +
-<WRAP hide>%%<!-- googleon: index -->%%</WRAP>+
  
 +Developing a personalized Android interface relies heavily on incorporating custom graphic elements that define the visual aesthetic of the layout. Managing asset libraries efficiently ensures that backgrounds, interface icons, and decorative elements remain easily accessible during the design process. Within Total Launcher, utilizing the dedicated Image Resource center provides a structured method for importing standalone graphics or batch-uploading entire asset folders from local storage. This technical tutorial outlines the precise procedure for introducing graphic assets into the launcher environment, organizing files by metadata, and positioning the resulting objects onto a designated page layout. The process begins with accessing the layout editing tools from the active workspace.
  
- +===== Applying The Process ===== 
----- +This is a basic procedure tailored for an image object contained in or imported into Total Launcher's Image Resources. A similar process can start the addition of
- +
- +
-====== How To: Add An Image To Image Resources or A Page ====== +
- +
-This is a basic procedure tailored to an image object contained in, or imported to, Total Launcher's Image Resources. A similar process can start the addition of+
   * Applications   * Applications
   * Windows   * Windows
Line 21: Line 10:
   * Launcher actions (linked to the object)   * Launcher actions (linked to the object)
   * Sequences   * Sequences
-but here, images will be selected, in a "Default" form and then followed with using the Image Customization dialog to refine how the image appears or will be used. This will //not// addrress adding layouts or widgets.+but here, images will be selected, in a "Default" form and then followed with using the Image Customization dialog to refine how the image appears or will be used. This will //not//address adding layouts or widgets.
  
-===== Begin to add an Image ===== +===== Add An Image FROM Image Resources ===== 
-  * An image in TL is a graphic which can  be image or text based +  * An image in TL is categorized as a graphic that can either be image- or text-based 
-  - Navigate to the page or other object (as a Window) +  - Navigate to the page or other object (such as a Window) 
-  - Enter Edit On mode +  - Enter [[section:section-basic_editing|Edit Mode]] (Long press an empty area -> Toggle Edit Mode icon) > Tap the ++''Edit Off'' icon|{{:ui:ui-icon_edit_mode-edit_off-v4.webp?direct&100}}++ in the lower right to change it to an ++''Edit On'' icon|{{:ui:ui-icon_edit_mode-edit_on-v4.webp?direct&35}}++
   - Tap the Add (+) icon in the Page Design menu (top)   - Tap the Add (+) icon in the Page Design menu (top)
   - Select Graphic   - Select Graphic
   - Select Image   - Select Image
-  - Since this procedure is covering an image itself, select Default +  - Since this procedure involves an image itself, select Default 
-  - An image dialog opens which offers customization features (color, dynamic color or image, shape, or icon pack), but here select Image   +  - An image dialog opens which offers customization features (color, dynamic color or image, shape, or icon pack). Here select Image   
-  - The Image Resource dialog opens. it displays thumbnails of any images previously added to this resource category. +  - The Image Resource dialog opens. It displays thumbnails of any images previously added to this resource category. 
-    - There is also specialized categories for image aspect ratios available for devices, such as the "Fold" or images left over from any earlier imported setups. These will not be discussed here. +    - There are also specialized categories for image aspect ratios available for devices, such as the "Fold" or images left over from any earlier imported setups. These will not be discussed here. 
-  - The alpha-numerical  display can be scrolled vertically or searched by filename in the search dialog. The 3-bar menu (hamburger) in the upper right corner allows for sequencing the list by filename, recently edited, or file size categories.+  - The alpha-numerical display can be scrolled vertically or searched by filename in the search dialog. The 3-bar menu (hamburger) in the upper-right corner allows sorting by filename, recently edited, or file size. 
 + 
 +===== Add Image(s) TO Image Resources ===== 
 +  * If the image desired does not currently exist in the image resource **and** a single image is desired: 
 +    - Tap the Add (+) icon 
 +    - To add a single image, tap the 3-dot menu and select Browse... 
 +      - Navigate to the device folder containing the desired image (or cloud folder if the device file manager permits) 
 +      - Tap the desired image. The image's filename will be retained by TL (there is //no// way to modify it after importing). 
 +      - After importing, the image is located by either scrolling the list or entering a filename in the search dialog
  
-===== Add Image(s) to Image Resource ===== +  * If the image desired does not currently exist in the image resource **and** the //entire// folder is to be added to TL's Image Resource: 
-    * If the image desired does not currently exist in the image resource **and** a single image is desired: +    - If a user has already prepared a device folder with images and desires to import the entire folder into the image resource (filenames to be retained), the resource dialog has a " Folder+" icon in the top menu bar. This will open the device's file manager to navigate to the desired folder and, upon selection, import the entire folder's contents into the TL resource area.
-     - Tap the Add (+) icon +
-     - To add a single image, tap the 3-dot menu and select Browse... +
-       - Navigate to the device folder containing the desired image (or cloud folder if the device file manager permits) +
-       - Tap the desired image. The image's filename will be retained by TL (there is //no// way to modify it after importing). +
-       - Either scroll to locate the image or use the search dialog to locate it by filename +
-   * If the image desired does not current exist in the image resource **and**  and //entire// folder is to be added to TL's Image Resource: +
-      - If a user already has prepared a device folder with images and desires to import the entire folder into the image resource (filenames to be retained), the resource dialog has a " Folder+"con at the tip. This will open the device's file manager to navigate to the desired folder and upon selection, will import the entire folder contents to the TL resource area.+
  
-===== Add the Image to the Page for Further Modification ==== +===== Add Image To The Page Tor Further Customization ===== 
-   - Tap the desired image. It is placed on the page in selected mode. +  - Tap the desired image. It is placed on the page in selected mode. 
-   - Tap and hold the image to drag it to the desired position. +  - Tap and hold the image to drag it to the desired position. 
-   -   Resize the image by it boundary bulbs or briefly tap the image to reveal the Edit (pencil) icon for manually entering the X/Y position or Height/Widget desired numbers.+  - Resize the image by its boundary bulbs or briefly tap the image to reveal the Edit (pencil) icon for manually entering the X/Y position or Height/Widget desired numbers.