Splash Screen [MIT AI2]

Previously, there was an issue with black screen for 2 seconds when starting the application and since MIT AI2 have introduced Themes, this issue has disappeared however, there are certainly some of you who still want Splash Screen in you app.

New

Stay tuned as I’m working on fixing a new updated version however, only for Builders that support Themes.



Old

It was asked in the App Inventor Forum, black screen during 2 seconds at launch application.

Splash Screen

If you’ve made an app and then realized that you would like a splash screen for your app
or that it’s a heavy app and causes black screen during start.
Then this may be the solution for you.

Screen1 Designer:
ShowStatusBar: Checked
TitleVisible: Checked
Sizing: Responsive
Icon: your icon image that we will use for the backrund image during launch of the app (icon size 144px)

and that’s all in MIT AI2, download and save your project.apk in ..AppToMarket_v41\myApks\ folder.

AppToMarket

Launch your AppToMarket and browse for your project.

Decompile

Features & Update Manifest
Select necessary features and update Manifest
Slider: Set it to Any

Edit Manifest

You’ll have to add/replace android:theme="@style/Theme.BaasTheme" manually in the manifest file.

android:theme="@style/Theme.BaasTheme"
android:theme="@style/Theme.BaasTheme.NoTitleBar"
android:theme="@style/Theme.BaasTheme.NoTitleBar.Fullscreen"

Save Manifest.

and the last thing before you click the Create New.apk button

copy downloaded folders/files to …AppToMarket_v41\temp_myDecompiles\res\ folder

Create New.apk

Sign

Verify

Zip Align



17 comments

Skip to comment form

    • Peter Mathijssen on November 21, 2017 at 7:56 am
    • Reply

    Hi Boban,

    Could you make an tutorial while using apktool also?

    Regards,

    Peter

    1. Hi Peter,

      It has actually been on my to do list for months.

      I have been thinking about how to put it up so it’s easier for everyone to understand, but unfortunately I have not managed to get what I wish for now.

      Regards,
      Boban

    • Moustafa on June 10, 2018 at 5:46 pm
    • Reply

    After that , while opening it tells me “Unfortunately,App has stopped”
    what should i do !?

    1. This usually happens if you set ShowStatusBar: UnChecked and/or TitleVisible: UnChecked in designer, should be Checked.

      See part Screen1 Designer.

      /Boban

      1. This usually happens if you set ShowStatusBar: UnChecked and/or TitleVisible: UnChecked in designer

        And you choose this theme android:theme="@style/Theme.BaasTheme.NoTitleBar" or android:theme="@style/Theme.BaasTheme.NoTitleBar.Fullscreen"
        Se also Controlling Screens with Themes

        /Boban

    • Moustafa on June 13, 2018 at 2:52 am
    • Reply

    ShowStatusBar: Checked
    TitleVisible: Checked
    Sizing: Responsive
    DONE

    android:theme=”@style/Theme.BaasTheme”
    Copying the folders and create new .apk

    the same result !!
    any solution !????
    pls hlp !!

    1. Hard to say what is the reason, but if you wish, you can send me your APK so I can try and see what’s happening and I can guide you easily how to go about it..

      baasapps@gmail.com or upload your APK to Google Drive and post your sharing link.

      Btw, which App Inventor Distributions do you use.

      /Boban

        • Moustafa on June 14, 2018 at 2:01 am
        • Reply

        thank you Boban
        i sent to you the 2 apks
        i tried thunkable and appybulder then the app gives me the unfortunately msg ,
        and while using mit app inventor 2 the AppToMarket does not respond while “create new apk” .

        1. I’ll check it out, however, you should have mentioned that it was AppyBuilder because it is the worst Distribution to deal with.

          But I’ll try to do my best.

          /Boban

        2. I hope the video on HowTo helps as well as the post updated with link to the new Theme.

          /Boban

            • Moustafa on June 14, 2018 at 5:17 pm
            • Reply

            thank you very much for your effort Baban ,
            only thunkable worked for me with the new folder of /res that you upload for it
            but the appybuilder gives me ERROR when click on Create New .Apk with the new folder of res that you upload for it
            and the mit app makes the AppToMarket does not respond when click on Create New .Apk
            but for all thank you again n again ..
            And does this depend on the version of mobile android or the type of the smart phone or any other considerations ??

            1. I tried again with another APK that was mine from AppyBuilder and it worked without any issues..

              The only thing I can confirm is for MIT, since their files come in conflicts with mine thereof no respond when click on Create New .Apk, I’ll check it out.

              /Boban

    2. Also when you click update manifest make sure you do not have two Theme tags as in the image.

      /Boban

    • Anke on August 11, 2018 at 9:49 am
    • Reply

    Hi Boban,

    you’re the expert at AppToMarket.
    If I create an apk with AI2 nb170 (Build: “Google Play”), unfortunately I get an error with AppToMarket 4.1 (unable to decompile apk). Even deleting the 1.apk from the folder … apktool/framework does not help. The first option in AI2 nb170 to create the apk still works with AppToMarket 4.1. (the keystore ist not the problem)

    Any idea to fix the error?

    Greetings,
    Anke

    1. Sorry for late reply, since I haven’t been so active lately I will need to take a look at this..

      I’ll be back with answers as soon as I find something.

      /Boban

        • Mark on September 22, 2018 at 8:22 am
        • Reply

        Hi Bobans,

        Is there a way to remove the start up logo of thunkable when loading android app i made using thunkable?

        1. You mean Thunkable X,
          I haven’t investigated if it can be removed but replacing the image with your own is possible on the other hand.

          The only way I managed to do this is with Apktool.
          A good tutorial with Apktool can be found here. However, you may ignore certain things in it.

          /Boban

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.