[Free/Paid] SplashExtension: Enhanced Splash Screen Extension

Extensions
, , , ,
1

SplashExtension

1_UDNyY_8XZWb5AFAar_gAZA
1_UDNyY_8XZWb5AFAar_gAZA1200×675 67 KB

Version: 3.7
Category: Extension
Visibility: Non-Visible
Developer: Idriss (using Fast-CLI)
Size: 27Kb
Date: March 14, 2025
Update: March 15, 2025

🔹 Overview

SplashExtension is a powerful extension for MIT App Inventor that creates customizable splash screens for your apps. It supports animated logos, text, progress indicators, and version displays, enhancing the user experience with professional loading screens. With features like auto-progress, multiple animation types, and support for images from URLs or assets, it’s perfect for developers looking to add a polished touch to their apps!

✅ Key Features

  • 🎨 Customizable Design: Set text, colors, fonts, and background for the splash screen.
  • 🖼️ Image Support: Use logos from URLs or assets with adjustable sizes.
  • 🎬 Animations: Choose from 15 animation types (e.g., fadein, zoomin, rotate) with customizable duration.
  • 📊 Progress Indicator: Manual or auto-progress (0-100%) with animated line and text.
  • 📝 Version Display: Show app version in the bottom-left corner.
  • 🔒 License Verification: Works only with a valid license key for security.

🛠️ Functions & Usage

:small_blue_diamond: Core Properties:

  • SetLicenseKey(String key): Sets the license key for activation.
  • Logo(String imagePath): Sets the logo from assets.
  • LogoURL(String url): Sets the logo from a URL.
  • SetText(String text): Sets the title text.
  • SetMessage(String message): Sets the loading message.
  • SetVersion(String version): Sets the app version.

:small_blue_diamond: Setup & Display:

  • Create(VerticalArrangement component): Creates the splash screen in a VerticalArrangement.
  • StartSplash(AnimationType animationType): Starts the splash with the chosen animation.
  • SplashFinished(): Event triggered when the splash completes.

:small_blue_diamond: Customization:

  • SetTextColor(int color): Sets the text color.
  • SetBackgroundColor(int color): Sets the background color.
  • SetImageWidth(int width): Sets the logo width.
  • SetImageHeight(int height): Sets the logo height.
  • AnimationDuration(int duration): Sets the animation duration in milliseconds.
  • ShowProgressText(boolean show): Toggles progress text visibility.
  • AutoProgress(boolean auto): Enables auto-progress from 1% to 100%.

📌 How It Works (Step-by-Step Guide)

  1. Step 1: Import the SplashExtension (.AIX) into your project.
  2. Step 2: Set the license key using SetLicenseKey with the provided key.
  3. Step 3: Customize the splash screen with SetText, Logo, SetBackgroundColor, etc.
  4. Step 4: Call Create with a VerticalArrangement component.
  5. Step 5: Use StartSplash with an animation type (e.g., fadein) to display the splash.
  6. Step 6: Handle the SplashFinished event to proceed with your app logic.

*** Example Blocks

image
image529×718 33.4 KB

More Example Blocks

image
image503×695 32.3 KB

image
image221×772 36.3 KB

image
image210×785 26.6 KB

Below are example blocks showing how to use SplashExtension in your project:

image

Description: This example sets up a splash screen with a logo, custom text, and auto-progress enabled. The splash screen uses the "zoomin" animation and triggers the SplashFinished event to proceed to the next screen.

*** Video Test

Watch the video below to see SplashExtension in action:

Description: This video demonstrates the splash screen with a "fadein" animation, auto-progress, and a custom logo loaded from a URL.

🔔 Events & Error Handling

  • SplashFinished(): Triggered when the splash screen animation and delay are complete.

Note: The extension will not work without a valid license key.

🛠️ Troubleshooting & Common Issues

⚠️ "Splash screen not displaying"?
→ Ensure a valid license key is set and the VerticalArrangement is properly configured.

image

:warning: "Animation not working"?

→ Check that the animation duration is set and the animation type is valid.

image
image
image

:warning: "Image not loading"?

→ Verify the URL or asset path is correct and the image format is supported (.png, .jpg, .jpeg).

image

🚀 Why Use This Extension?

✅ Professional Splash Screens: Add a polished startup experience to your apps. ✅ Highly Customizable: Tailor every aspect to match your app’s design. ✅ Easy Integration: Simple blocks and events for seamless use. ✅ Secure Licensing: Protects your extension with a unique key system.

🚀 Over 30 Blocks 🚀

AnimationDuration_Set_Property
AutoProgress_Set_Property
Create_Method
GetProgress_Get_Property
Logo_Set_Property
LogoURL_Set_Property
ProgressAnimationDuration_Set_Property
SetAnimationDelay_Set_Property
SetBackgroundColor_Set_Property
SetFont_Set_Property
SetImageHeight_Set_Property
SetImageWidth_Set_Property
SetLicenseKey_Set_Property
SetLineColor_Set_Property
SetMessage_Set_Property
SetMessageColor_Set_Property
SetMessageTextSize_Set_Property
SetProgress_Set_Property
SetProgressColor_Set_Property
SetProgressTextSize_Set_Property
SetTextColor_Set_Property
SetTitleTextSize_Set_Property
SetVersion_Set_Property
SetVersionColor_Set_Property
SetText_Set_Property
ShowProgressText_Set_Property
SplashFinished_Event
StartSplash_Method
SetVersionTextSize_Set_Property
SetImageHeight_Set_Property
SetImageWidth_Set_Property
SetLicenseKey_Set_Property
SetLineColor_Set_Property
SetMessage_Set_Property


More





Version: 3.7
Category: Extension
Visibility: Non-Visible
Developer: Idriss (using Fast-CLI)
Size: 27Kb
Date: March 14, 2025
Update: March 15, 2025

🎉 Enjoy using SplashExtension! Share your feedback & suggestions below. 🚀

💰 Purchase SplashExtension: Get the full version of SplashExtension for just 1 USD via PayPal. If you don’t have money, I’ll provide it to you for free—contact me! Click the link below to make your payment:

📩 After Payment: Contact me on Telegram or via email to receive your activation key. Provide your payment details for verification.

Telegram: @IdrissCAma

1 Like
2

It seems all videos are made using Kodular. Could you post a video to show that it is working with App Inventor?

2 Likes
3

for sure I'm working on it now

4

hey, now all videos are made using MIT App Inventor :innocent:

1 Like