Share My Creation CustomView Gemini loader style

Animation.gif


Description:
A modern, smooth B4X Custom View loader inspired by the Gemini style. It features a colorful ribbon that rotates while smoothly transitioning between 4 customizable colors. It also supports an optional central logo (PNG/Bitmap). Tested on B4J and B4A.

Key Features:

Color Morphing: Smoothly blends between four distinct colors during the animation.

Central Image: Easily add your brand logo in the center of the loader.

Designer Properties:

Color 1 to 4: The palette used for the animation.

Stroke Width: Thickness of the animated ribbon.

Duration: Control the speed of a full animation cycle.

Start Automatically: Toggle whether the animation begins on layout load.

Public Methods & Properties:

CenterImage (Bitmap): Sets the image to be displayed in the center of the loader.

StartAnimation: Resets and starts the animation.

StopAnimation: Stops the animation and clears the canvas.

Example Usage:

' Setting a logo and starting the loader

GeminiLoader1.CenterImage = xui.LoadBitmap(File.DirAssets, "my_logo.png")
GeminiLoader1.StartAnimation

' To stop it
GeminiLoader1.StopAnimation
 

Attachments

  • GeminiLoader-Example.zip
    79.6 KB · Views: 1
Top