Creating Splash screen and Icon

You must Login before you can answer or comment on any questions.

Good day,

I am currently creating my first titanium-powered mobile app(s). One tedious thing that I did find however is the creation of splash screens and icons (i.e. I create one, and I have to copy that in different locations and different filenames and in different dimensions).

Does anybody have a tip easily do this?

Thanks,

Franz

2 Answers

Here are a lot of documentations about this. Please look to https://wiki.appcelerator.org/display/guides/Titanium+Mobile

Franz,

This is really just the nature of both android and iOS individually, and exacerbated collectively with cross-platform development.

iOS itself requires 3 icons, and possibly 6 splash screens. This doesn't account for the various mini-icons that are used through out that OS for searching, file associations, etc. Apple has minimum requirements just to submit.

On android you can get away with a single icon and a single splash screen because there is little or no oversight on submissions. The icon will look 'ok' about 90% of the time, but the splash screen will be stretched out worse than a tattoo on a senior citizen.

Our graphics guy has gotten pretty good at working his magic on the (pardon the phrase) crap that we programmers send over to him:

"Can you make this pile of elephant dung shine, in multiple sizes, and have it by 2pm? Mkk, thanks"

For iOS two tools have been useful:

  • icons - which takes a 512x512 image and generates iOS and Android sized icons. Quick, dirty, fast.
  • ShipIt - takes your @2x graphics and makes non-retina sizes. This is great for all your iOS graphics, including your splash screens

Android splash screen sizes are so weird, thats its difficult to take a single graphic and automate the creation of all the various sizes and orientations.

My process (before getting smart graphics guy) was to to create a graphic at the lowest common denominator and pad the outside to match the various sizes. That was great until hi-density screens and tablets came along then a logo was 'wittle itsy bitsy' in the middle of the screen.

Your Answer

Think you can help? Login to answer this question!