Progressbar inside an AlertDialog

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

Hi.

First, thanks for your help. I'm using Ti Mobile 1.6 for Android, iPhone and iPad.

I'm building my first mobile app. It downloads some pics from a server. So, while it's downloading, I'd like to show a progressbar. Now, if I add the Progressbar to the main window, it looks kind of crappy, so I figured I could put it inside an AlertDialog. After a lot of hours googling with no results, I guess it's impossible to do that, so I'd like to know what other approach I could use to make it look more clean for the user. If you know how to make a custom dialog (keeping the look of the alert dialog) I'd be very grateful if you can tell me how to achieve this.

Thanks!

3 Answers

In the kitchensink there is a progress bar that looks pretty ok to me, simulating the look of a native android alert.

Actually my app isn't working on android right now, so I didn't test that, but for iPhone it still looks strange. Maybe I need to explain the situation a little more.

The app shows a tableview. So when it adds the progressbar it's shown over the table. It looks like this:

screenshot

Besides, the tablerows are "accepting" events, like click. I'd like to prevent the table events while the user is downloading. So i thought the best way was to use a modal dialog.

Am I in the right direction here?

Thanks

Create an overlay (a view that covers the table). Inside this view you can put another one, with black background,rounded corners, opacity 0.8 and above this the progress bar.

You should obtain something similar to this - http://imgur.com/REf67 - except that instead of the loading indicator you should have your progress bar. If you want to look like a native alert you can use an image taken from any free psd around - like this one http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/

Your Answer

Think you can help? Login to answer this question!