Custom loading screen on Monotouch

I had a request from my previous post about the DoneDone app to give a little insight on how the loading screens were created. I finally got round to creating an example project which shows one way of creating this sort of effect. The way I created the effect was to create a few controls (image view, activity indicator and message) on top of the view that's being displayed and mark them all as hidden by default. When the loading screen is to be shown - it will simply enable these controls to be viewed and when the action has finished - it will hide the controls again. This was something I quickly threw together on the DoneDone app and ideally - you'd use a separate "loading" view and add and remove it as a subview when the time is needed but this at least gives a starting point.

To create a "loading" wait - I have used the Temp converter Web service. If you're connection is pretty good - that loading screen won't show for long - so that's something to be careful of before you say it doesn't show up!

The final effect of the loading screen looks a little like this:

First screen Second screen Third Screen

As before - the project can be found on GitHub: http://github.com/chrisntr/Loading-Screen-Example

Hope this helps,

ChrisNTR 

No Comments