Titanium Community Questions & Answer Archive

We felt that 6+ years of knowledge should not die so this is the Titanium Community Questions & Answer Archive

App Icons and Title Screens?

Alright, I know this might be general knowledge but I can't seem to find it anywhere and I just can't find it out:

  • Where/what files are for the Application Icon? The one about 50x50 that you see when you install the App and click and it launches.
  • Where/what files are for the Application Title Screen? By "Title Screen" I mean the image that is loaded when the App is launched. Usually the logo of the development team or the logo of the App.

Any help would be appreciated!! :)

— asked August 25th 2010 by Colton Arabsky
  • appicon
0 Comments

3 Answers

  • You can create an appicon of 240x240px. Place it in your resources directory and select Edit -> Application Icon from your project in Titanium Developer. Titanium will take this icon and scale it for iTunes, appicon, search etc.

    The splash screen can be found in Resources/iphone/Default.png and Resources/android/Default.png.

    If you want your splash screen to show longer you can do something like this in your app.js:

    var splash = Titanium.UI.createWindow({
        top: 0,
        left: 0,
        width: 320,
        height: 460,
        backgroundImage: 'splash.png'
    });
    
    splash.addEventListener('click', function(e) {
        splash.close();
    
        tabgroup.open();
    });
    
    splash.open();
    

    your splash.png must be the same as your Default.png. Note that I used height: 460 to allow for the status bar of 20px. Set it to 480 if your app is fullscreen.

    — answered August 25th 2010 by Richard Venneman
    permalink
    3 Comments
    • Thank you, Richard.

      PS - Is it possible to add multiple splash screens or edit the time that the splash screen shows for? Cause right now mine only shows for about 1 second on iPhone and about 3 seconds on Android.

      — commented August 25th 2010 by Colton Arabsky
    • The splash screen is shown as long the app is initializing. If you want it to show longer you can use a custom view in your app.js (check answer above)

      — commented August 25th 2010 by Richard Venneman
    • A better way of making the splash screen stay up longer is the following code. Use it in your app.js file instead of the normal xxx.open();

      // Let the splash screen run longer
      setTimeout(function() 
      {
          // If you are using a window, change the following line to window.open();
          tabGroup.open();
      }, 3000);
      

      — commented November 13th 2010 by Eddie Monge
  • xxx double post xxx

    — answered August 25th 2010 by Richard Venneman
    permalink
    0 Comments
  • "You can create an appicon of 240x240px. Place it in your resources directory and select Edit -> Application Icon from your project in Titanium Developer. Titanium will take this icon and scale it for iTunes, appicon, search etc"

    Doesn't work like that, no copies or resized images created and definitely none during compile. Also, placing an image inside resources wont work, you need to copy image to the folders of both android and iphone inside resources

    — answered January 11th 2011 by Martynas Bajoraitis
    permalink
    0 Comments
The ownership of individual contributions to this community generated content is retained by the authors of their contributions.
All trademarks remain the property of the respective owner.