Android Toast in iPhone?

Question

When I write Android apps, I love the Toast feature. Is there a way to get this kind of set and forget popup message in iPhone development using MonoTouch (C# .NET)?

score 15 · Answer 1 · edited Nov 30 '11 at 16:40

MonoTouch Toast Version here. Inspired by Android.

To call it,

        ToastView t = new ToastView ("Email Sent", 1000);
        t.Show ();

Enum File:

public enum ToastGravity
{
    Top = 0,
    Bottom = 1,
    Center = 2
}

ToastSettings File:

using System;
using System.Drawing;
using MonoTouch.UIKit;
namespace General
{

    public class ToastSettings
    {
        public ToastSettings ()
        {
            this.Duration = 500;
            this.Gravity = ToastGravity.Center;
        }

        public int Duration
        {
            get;
            set;
        }

        public double DurationSeconds
        {
            get { return (double) Duration/1000 ;}

        }

        public ToastGravity Gravity
        {
            get;
            set;
        }

        public PointF Position
        {
            get;
            set;
        }


    }
}

Main Toast Class:

using System;
using MonoTouch.Foundation;
using MonoTouch.UIKit;
using System.Drawing;
using MonoTouch.ObjCRuntime;

namespace General
{
    public class ToastView : NSObject
    {

        ToastSettings theSettings = new ToastSettings ();

        private string text = null;
        UIView view;
        public ToastView (string Text, int durationMilliseonds)
        {
            text = Text;
            theSettings.Duration = durationMilliseonds;
        }

        int offsetLeft = 0;
        int offsetTop = 0;
        public ToastView SetGravity (ToastGravity gravity, int OffSetLeft, int OffSetTop)
        {
            theSettings.Gravity = gravity;
            offsetLeft = OffSetLeft;
            offsetTop = OffSetTop;
            return this;
        }

        public ToastView SetPosition (PointF Position)
        {
            theSettings.Position = Position;
            return this;
        }

        public void Show ()
        {
            UIButton v = UIButton.FromType (UIButtonType.Custom);
            view = v;

            UIFont font = UIFont.SystemFontOfSize (16);
            SizeF textSize = view.StringSize (text, font, new SizeF (280, 60));

            UILabel label = new UILabel (new RectangleF (0, 0, textSize.Width + 5, textSize.Height + 5));
            label.BackgroundColor = UIColor.Clear;
            label.TextColor = UIColor.White;
            label.Font = font;
            label.Text = text;
            label.Lines = 0;
            label.ShadowColor = UIColor.DarkGray;
            label.ShadowOffset = new SizeF (1, 1);


            v.Frame = new RectangleF (0, 0, textSize.Width + 10, textSize.Height + 10);
            label.Center = new PointF (v.Frame.Size.Width / 2, v.Frame.Height / 2);
            v.AddSubview (label);

            v.BackgroundColor = UIColor.FromRGBA (0, 0, 0, 0.7f);
            v.Layer.CornerRadius = 5;

            UIWindow window = UIApplication.SharedApplication.Windows[0];

            PointF point = new PointF (window.Frame.Size.Width / 2, window.Frame.Size.Height / 2);

            if (theSettings.Gravity == ToastGravity.Top)
            {
                point = new PointF (window.Frame.Size.Width / 2, 45);
            }
            else if (theSettings.Gravity == ToastGravity.Bottom)
            {
                point = new PointF (window.Frame.Size.Width / 2, window.Frame.Size.Height - 45);
            }
            else if (theSettings.Gravity == ToastGravity.Center)
            {
                point = new PointF (window.Frame.Size.Width / 2, window.Frame.Size.Height / 2);
            }
            else
            {
                point = theSettings.Position;
            }

            point = new PointF (point.X + offsetLeft, point.Y + offsetTop);
            v.Center = point;
            window.AddSubview (v);
            v.AllTouchEvents += delegate { HideToast (null); };

            NSTimer.CreateScheduledTimer (theSettings.DurationSeconds, HideToast);

        }


        void HideToast ()
        {
            UIView.BeginAnimations ("");
            view.Alpha = 0;
            UIView.CommitAnimations ();
        }

        void RemoveToast ()
        {
            view.RemoveFromSuperview ();
        }

    }
}

Good job guy, your translation is perfect. – clide313 Feb 14 '11 at 11:44 — clide313, Feb 14 '11 at 11:44
This is a C# class so in AnyThingYouWant.cs is fine – Ian Vink Oct 18 '11 at 15:46 — Ian Vink, Oct 18 '11 at 15:46
what do I need to change for landscape view? – technomage Jul 25 '13 at 16:05 — technomage, Jul 25 '13 at 16:05

clide313 · Accepted Answer · 2013-01-07T08:20:46.763

9

Check this out:

https://github.com/ecstasy2/toast-notifications-ios

Edit: The project has moved to github so i update the link.

edited Jan 07 '13 at 08:20

answered Feb 11 '11 at 15:51

clide313

1,507
2
18
27

Can i test it on siumulator? Doesnt seem to work for me. I have created a toast in the viewDidLoad method of my controller. – Praveen S Feb 22 '11 at 14:42
1

This is really nice, but is LGPL-licensed so you can't use it in an iPhone app without making all your source be under the LGPL too. The reason it's different on the iPhone to usual is the iPhone uses static libraries .. – Ben Clayton Mar 15 '11 at 18:59
Just changed the licence to MIT. The goal is to allow everyone to use it without restriction. So thank for the comment. – clide313 Mar 19 '11 at 19:36
Thanks for the link.. very nice library.. +1 – AL̲̳I Jan 27 '14 at 16:05

score 4 · Answer 3 · answered Jul 25 '11 at 01:36

4

Here's my version: http://github.com/scalessec/toast

I think it's simpler to use because it's implemented as a obj-c category, thereby adding the makeToast methods to any instance of UIView. eg:

[self.view makeToast:@"This is some message as toast."
            duration:3.0
            position:@"bottom"];

answered Jul 25 '11 at 01:36

user2393462435

2,652
5
37
45

Is there a way to disable the parent view so the user cannot click away from the activity toast? I need the user to stop interacting with the app while the activity toast is showing. (Only the activity toast, the rest don't need this behaviour.) – jkcl Dec 12 '12 at 12:40

score 2 · Answer 4 · answered Nov 19 '10 at 01:22

2

Are you looking for something like UIAlertView?

answered Nov 19 '10 at 01:22

Jasarien

58,279
31
157
188

No, that requires a timer to show and hide. Something simpler, perhaps a canned class from the Open Source community. Toasts internally take care of more of the plumbing. – Ian Vink Nov 19 '10 at 01:27
Why not create a class that wraps up the alert view and timer? Maybe you could then open source that, thus solving your problem and maybe other people's problems. – Jasarien Nov 19 '10 at 01:32
Jasarien is right, the problem you want to solve is quite simple and is also really useful, toasts rock. It would be great help to the community. – blindstuff Nov 19 '10 at 01:55
The answer I accepted is perfect for this. I will translate it into MonoTouch so all the Microsoft.NET iOS developers can use it. – Ian Vink Feb 14 '11 at 04:01
Thanks for the comments. I think it is something usefull so share it. Actualy not much developer have downloaded it yet and i'll publish some update very soon including custom alert themes+icons. – clide313 Mar 19 '11 at 19:30

score 2 · Answer 5 · answered Oct 14 '11 at 07:24

You can use this link for objective-c code for Toast

http://code.google.com/p/toast-notifications-ios/source/browse/trunk/

While this link for its usage

http://code.google.com/p/toast-notifications-ios/wiki/HowToUse

which could be like any one of the below samples

[[iToast makeText:NSLocalizedString(@"The activity has been successfully saved.", @"")] show];

[[[iToast makeText:NSLocalizedString(@"The activity has been successfully saved.", @"")] 
                          setGravity:iToastGravityBottom] show];

[[[[iToast makeText:NSLocalizedString(@"Something to display a very long time", @"")] 
                  etGravity:iToastGravityBottom] setDuration:iToastDurationLong] show];

John · Answer 6 · 2014-03-12T10:28:09.970

Just You can use the following code with uilabel and uianimation to get toast like in android. It does two works one is toast task and it increases the height of the label according to the text length with wordwrap IOS 7 later link here

CGRect initialFrame = CGRectMake(20, self.view.frame.size.height/2,300, 40);


NSString *message=@"Toast in Iphone as in Android";
UILabel *flashLabel=[[UILabel alloc] initWithFrame:initialFrame];
flashLabel.font=[UIFont fontWithName:@"Optima-Italic" size:12.0];
flashLabel.backgroundColor=[UIColor whiteColor];
flashLabel.layer.cornerRadius=3.0f;
flashLabel.numberOfLines=0;
flashLabel.textAlignment=NSTextAlignmentCenter;

CGSize maxSize = CGSizeMake(flashLabel.frame.size.width, MAXFLOAT);

CGRect labelRect = [message boundingRectWithSize:maxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:flashLabel.font} context:nil];

//adjust the label the the new height.
CGRect newFrame = flashLabel.frame;
newFrame.size.height = labelRect.size.height;
flashLabel.frame = newFrame;
flashLabel.text=message;
[self.view addSubview:flashLabel];

flashLabel.alpha=1.0;
self.view.userInteractionEnabled=FALSE;

[UIView animateWithDuration:13.0 animations:^
{
    flashLabel.alpha=0.0f;
}
completion:^(BOOL finished)
{
    self.view.userInteractionEnabled=TRUE;

    [flashLabel removeFromSuperview];
}];

score 1 · Answer 7 · answered Aug 22 '14 at 18:56

I modified John's answer as follows:

Toast.h

@interface Toast : NSObject

+ (void)toast:(NSString *)message
             :(UIView *) view
             :(int)delay;

@end

Toast.m

#import "Toast.h"

@interface Toast ()

@end

@implementation Toast

+ (void)toast:(NSString *)message
             :(UIView *) view
             :(int)delay
{
    CGRect initialFrame = CGRectMake(10, view.frame.size.height/2, 300, 40);
    UILabel *flashLabel=[[UILabel alloc] initWithFrame:initialFrame];
    flashLabel.font=[UIFont fontWithName:@"Optima-Italic" size:19.0];
    flashLabel.backgroundColor=[UIColor whiteColor];
    flashLabel.layer.cornerRadius=9.0f;
    flashLabel.clipsToBounds = YES;
    flashLabel.numberOfLines=3;
    flashLabel.textAlignment=NSTextAlignmentCenter;
    CGSize maxSize = CGSizeMake(flashLabel.frame.size.width, MAXFLOAT);
    CGRect labelRect = [message boundingRectWithSize:maxSize
                                             options:NSStringDrawingUsesLineFragmentOrigin
                                          attributes:@{NSFontAttributeName:flashLabel.font}
                                             context:nil];

    //adjust the label the the new height.
    CGRect newFrame = flashLabel.frame;
    newFrame.size.height = labelRect.size.height * 2;
    flashLabel.frame = newFrame;
    flashLabel.text=message;
    [view addSubview:flashLabel];
    flashLabel.alpha=1.0;
    view.userInteractionEnabled=FALSE;

    [UIView animateWithDuration:delay animations:^
    {
        flashLabel.alpha=0.0f;
    }

    completion:^(BOOL finished)
    {
        view.userInteractionEnabled=TRUE;
        [flashLabel removeFromSuperview];
    }];
}

@end

score 1 · Answer 8 · answered Nov 19 '10 at 01:31

1

You might be after Local Notifications, pretty sure they allow you to set a time, I think in epoch time to be fired off. Don't think there is a way to hide them though. I might be misunderstanding your question though cause I'm unfamiliar with Toast.

answered Nov 19 '10 at 01:31

Rudiger

6,749
13
51
102

score 0 · Answer 9 · answered Jan 16 '13 at 15:00

I have added a little modification to the toast class that handles rotation of the display.

        public void Show ()
    {
        UIButton v = UIButton.FromType (UIButtonType.Custom);
        view = v;


        UIFont font = UIFont.SystemFontOfSize (16);
        SizeF textSize = view.StringSize (text, font, new SizeF (280, 60));

        UILabel label = new UILabel (new RectangleF (0, 0, textSize.Width + 5, textSize.Height + 5));
        label.BackgroundColor = UIColor.Clear;
        label.TextColor = UIColor.White;
        label.Font = font;
        label.Text = text;
        label.Lines = 0;
        label.ShadowColor = UIColor.DarkGray;
        label.ShadowOffset = new SizeF (1, 1);


        v.Frame = new RectangleF (0, 0, textSize.Width + 10, textSize.Height + 10);
        label.Center = new PointF (v.Frame.Size.Width / 2, v.Frame.Height / 2);
        v.AddSubview (label);

        v.BackgroundColor = UIColor.FromRGBA (0, 0, 0, 0.7f);
        v.Layer.CornerRadius = 5;

        UIWindow window = UIApplication.SharedApplication.Windows[0];

        PointF point = new PointF (window.Frame.Size.Width / 2, window.Frame.Size.Height / 2);

        if (theSettings.Gravity == ToastGravity.Top)
        {
            point = new PointF (window.Frame.Size.Width / 2, 45);
        }
        else if (theSettings.Gravity == ToastGravity.Bottom)
        {
            point = new PointF (window.Frame.Size.Width / 2, window.Frame.Size.Height - 45);
        }
        else if (theSettings.Gravity == ToastGravity.Center)
        {
            point = new PointF (window.Frame.Size.Width / 2, window.Frame.Size.Height / 2);
        }
        else
        {
            point = theSettings.Position;
        }

        point = new PointF (point.X + offsetLeft, point.Y + offsetTop);
        v.Center = point;
        //handle screen rotation
        float orientation=0;

        switch(UIApplication.SharedApplication.StatusBarOrientation)
        {
        case UIInterfaceOrientation.LandscapeLeft:
            orientation=-90;
            break;
        case UIInterfaceOrientation.LandscapeRight:
            orientation=90;
            break;
        case UIInterfaceOrientation.PortraitUpsideDown:
            orientation=180;
            break;
        }
        v.Transform=CGAffineTransform.MakeRotation ((float)(orientation / 180f * Math.Pi));
        window.AddSubview (v);
        v.AllTouchEvents += delegate { HideToast (); };

        NSTimer.CreateScheduledTimer (theSettings.DurationSeconds, HideToast);

    }

score 0 · Answer 10 · answered Sep 20 '13 at 07:28

0

You could try my open source library TSMessages: https://github.com/toursprung/TSMessages

It's really easy to use and looks beautiful on iOS 5/6 and on iOS 7 as well.

answered Sep 20 '13 at 07:28

KrauseFx

11,551
7
46
53

score 0 · Answer 11 · answered Feb 16 '16 at 14:10

I really like MonoTouch solution proposed by Bahai.

The following is not a substitution. Is just a ready-to-go one method the worked for me.

    private async Task ShowToast(string message, UIAlertView toast = null)
    {
        if (null == toast)
        {
            toast = new UIAlertView(null, message, null, null, null);
            toast.Show();
            await Task.Delay(2000);
            await ShowToast(message, toast);
            return;
        }

        UIView.BeginAnimations("");
        toast.Alpha = 0;
        UIView.CommitAnimations();
        toast.DismissWithClickedButtonIndex(0, true);
    }

If the method is called from a background thread (not the main UI thread) then BeginInvokeOnMainThread is required which means just call it like this.

BeginInvokeOnMainThread(() =>
{
 ShowToast(message);
});

This blocks user interaction till the time Toast is displayed, this is not the case with Toast in Android. — Akash Kava, Apr 15 '16 at 11:02

score 0 · Answer 12 · answered Jun 21 '23 at 08:35

Since this question is for Xamarin platform, here are few lines of code that work. _toast is a private class member ShowAlertInToast is a public member.

public void ShowAlertInToast (string text)
{
                    _toast = new UIAlertView ("", text, (IUIAlertViewDelegate)null, null, null);
                    _toast.Show ();
        
                    //1.5 seconds
                    NSTimer.CreateScheduledTimer (new TimeSpan(0,0,0,0,1500), (obj) => { HideAlertInToast (); });
        
    }
        
     private void HideAlertInToast()
     {
                    if (_toast != null) {
                        _toast.DismissWithClickedButtonIndex (0, true);
                    }
     }

score -1 · Answer 13 · answered May 23 '11 at 06:42

-1

I created a new repo on github with a class to do iOS toast-style alerts. I didn't like the one on code.google.com, it didn't rotate properly and wasn't pretty.

https://github.com/esilverberg/ios-toast

Enjoy folks.

answered May 23 '11 at 06:42

esilver

27,713
23
122
168

Making it dependent on the huge Three20 library makes it too heavyweight IMO – Roger Oct 13 '12 at 11:17
I've been using it successfully for over a year, but of course each project should include what your heart tells you. – esilver Oct 13 '12 at 15:20

Android Toast in iPhone?

13 Answers13

Linked