Best way for Overlay/Help/Tutorial screen with "X" close button?

classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|

Best way for Overlay/Help/Tutorial screen with "X" close button?

efontana
I'm almost done with my latest app, but I was going to add a screen (first-time launch) which overlays over the main UI with a sort of guide / tutorial.

Ideally this is a transparent View or Image? I want the window to have a "X" close button.
Whats the best way to implement something like this, anyone have an example? Thanks.
Reply | Threaded
Open this post in threaded view
|

Re: Best way for Overlay/Help/Tutorial screen with "X" close button?

efontana
I'm looking to do something like this, but don't know? Is it a trick? Just an image overlay? (Annotated screen
shot, or is it really transparent?)

http://www.archer-group.com/2011/mobile-category/how-to-reduce-frustration-and-help-users-learn-how-your-iphone-app-works

Reply | Threaded
Open this post in threaded view
|

Re: Best way for Overlay/Help/Tutorial screen with "X" close button?

Nic Wise
Its just a UIView. You make one, throw in an image of a label,
whatever you need to make it look proper, and then add a
UIGestureRecogniser on it (any part of it) so that when its tapped,
you make it go away (RemoveFromSuperview)

Fairly easy :) You can put it over the top of EVERYTHING by grabbing
the root UIWindow and add it in there (using BringToFront to make it
on top)

I put this at the bottom of my FinishedLoading

if (Settings.Current.FirstStartup)
                        {
                                oc = new OnboardingController();
                                oc.View.Frame = window.Bounds;
                                oc.TappedAddExpense += delegate {
                                        summary.AddExpense();
                                };
                                oc.TappedAddInvoice += delegate {
                                        summary.AddIncome();
                                };

                                var settings = Settings.Current;
                                settings.FirstStartup = false;
                                Settings.Current = settings;

                                window.Add(oc.View);
                        } else {

Dispatcher.Instance.Dispatch("overview", "checkfornotifications", "");
                        }

and the view closes itself.

On 20 June 2013 15:02, efontana <[hidden email]> wrote:

> I'm looking to do something like this, but don't know? Is it a trick? Just an
> image overlay? (Annotated screen
> shot, or is it really transparent?)
>
> http://www.archer-group.com/2011/mobile-category/how-to-reduce-frustration-and-help-users-learn-how-your-iphone-app-works
>
>
>
>
>
> --
> View this message in context: http://monotouch.2284126.n4.nabble.com/Best-way-for-Overlay-Help-Tutorial-screen-with-X-close-button-tp4658359p4658360.html
> Sent from the MonoTouch mailing list archive at Nabble.com.
> _______________________________________________
> MonoTouch mailing list
> [hidden email]
> http://lists.ximian.com/mailman/listinfo/monotouch



--
Nic Wise
t.  +44 7788 592 806 | @fastchicken
b. http://www.fastchicken.co.nz/
_______________________________________________
MonoTouch mailing list
[hidden email]
http://lists.ximian.com/mailman/listinfo/monotouch