Icon & Splash Screen - Cascades Momentics IDE

Two important aspects of your BB10 app are the icon and the splash screen (also known as the loading screen). They are the first two things a user will see when launching your app so they are important to have.  The icon is the face of your app when users are browsing App World or once downloaded in their grid of icons.  The splash screen is the first thing shown when a user launches your app.  Read past the break to see a quick write up on how to add them.

The default icon and and splash screen look like the following:

imageimage

They can easily be changed in the bar-descriptor.xml file shown below:

image

Click on the “Application” tab (circled in green) then select an image for the icon (boxed in red) and splash screen image (boxed in blue). To select images click on the “add” button. In the popup you can either choose to select and image from your workspace (meaning it is in the project) or from the filesystem in your computer.  Once you have selected the appropriate image(s) it will appear in the path/size list.

Or for the purest you can add code into the the source of of the bar-descriptor.xml file using <icon></icon> and <splashScreens></splashScreens> tags.  However this is unnecessarily complicated.

Icons should be 114 pixels wide by 114 pixels tall.  Splash screens will be device dependent but since there is only the Dev Alpha with one resolution I will use that for the example.  For splash screens to be loaded in portrait mode they should be 768 pixels wide by 1280 pixels tall.  For splash screens to be loaded in horizontal mode they should be 1280 pixels wide by 768 pixels tall.

-Brian