Bánh mì nướng tương đương với Xamarin Forms

Có cách nào sử dụng Xamarin Forms (không dành riêng cho Android hoặc iOS) để có cửa sổ bật lên, giống như Android làm với Toast, không cần người dùng tương tác và biến mất sau một khoảng thời gian (ngắn) không?

Từ việc tìm kiếm xung quanh, tất cả những gì tôi thấy là các cảnh báo cần người dùng nhấp chuột để biến mất.

Có một giải pháp đơn giản cho điều này. Bằng cách sử dụng DependencyService, bạn có thể dễ dàng có được cách tiếp cận Toast-Like trong cả Android và iOS.

Tạo một giao diện trong gói chung của bạn.

public interface IMessage
{
    void LongAlert(string message);
    void ShortAlert(string message);
}

Phần Android

[assembly: Xamarin.Forms.Dependency(typeof(MessageAndroid))]
namespace Your.Namespace
{
    public class MessageAndroid : IMessage
    {
        public void LongAlert(string message)
        {
            Toast.MakeText(Application.Context, message, ToastLength.Long).Show();
        }

        public void ShortAlert(string message)
        {
            Toast.MakeText(Application.Context, message, ToastLength.Short).Show();
        }
    }
}

phần iOS

Trong iOs không có giải pháp gốc nào như Toast, vì vậy chúng tôi cần triển khai cách tiếp cận của riêng mình.

[assembly: Xamarin.Forms.Dependency(typeof(MessageIOS))]
namespace Bahwan.iOS
{
    public class MessageIOS : IMessage
    {
        const double LONG_DELAY = 3.5;
        const double SHORT_DELAY = 2.0;

        NSTimer alertDelay;
        UIAlertController alert;

        public void LongAlert(string message)
        {
            ShowAlert(message, LONG_DELAY);
        }
        public void ShortAlert(string message)
        {
            ShowAlert(message, SHORT_DELAY);
        }

        void ShowAlert(string message, double seconds)
        {
            alertDelay = NSTimer.CreateScheduledTimer(seconds, (obj) =>
            {
                dismissMessage();
            });
            alert = UIAlertController.Create(null, message, UIAlertControllerStyle.Alert);
            UIApplication.SharedApplication.KeyWindow.RootViewController.PresentViewController(alert, true, null);
        }

        void dismissMessage()
        {
            if (alert != null)
            {
                alert.DismissViewController(true, null);
            }
            if (alertDelay != null)
            {
                alertDelay.Dispose();
            }
        }
    }
}

Xin lưu ý rằng trong mỗi nền tảng, chúng tôi phải đăng ký các lớp học của mình với DependencyService.

Bây giờ bạn có thể truy cập dịch vụ Toast ở bất kỳ đâu trong dự án của chúng tôi.

DependencyService.Get<IMessage>().ShortAlert(string message); 
DependencyService.Get<IMessage>().LongAlert(string message);

Đây là phiên bản mã iOS của Alex Chengalan để tránh giao diện người dùng bị dính khi nhiều thông báo được hiển thị ...

public class MessageIOS : IMessage
    {
        const double LONG_DELAY = 3.5;
        const double SHORT_DELAY = 0.75;

        public void LongAlert(string message)
        {
            ShowAlert(message, LONG_DELAY);
        }

        public void ShortAlert(string message)
        {
            ShowAlert(message, SHORT_DELAY);
        }

        void ShowAlert(string message, double seconds)
        {
            var alert = UIAlertController.Create(null, message, UIAlertControllerStyle.Alert);

            var alertDelay = NSTimer.CreateScheduledTimer(seconds, obj =>
            {
                DismissMessage(alert, obj);
            });

            UIApplication.SharedApplication.KeyWindow.RootViewController.PresentViewController(alert, true, null);
        }

        void DismissMessage(UIAlertController alert, NSTimer alertDelay)
        {
            if (alert != null)
            {
                alert.DismissViewController(true, null);
            }

            if (alertDelay != null)
            {
                alertDelay.Dispose();
            }
        }
    }

Bạn có thể sử dụng Gói Acr.UserDialogs từ nuget và mã như bên dưới,

Acr.UserDialogs.UserDialogs.Instance.Toast(Message, new TimeSpan(3));

Chúng tôi thường sử dụng plugin Egors Toasts, nhưng vì nó yêu cầu quyền trên iOS cho một dự án hiện tại, chúng tôi đã đi một con đường khác bằng cách sử dụng Rg.Plugins.Popup nuget ( https://github.com/rotorgames/Rg.Plugins.Popup ).

Tôi đã viết một trang xaml / cs cơ bản thuộc loại PopupPage,

<?xml version="1.0" encoding="utf-8" ?>
<popup:PopupPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         xmlns:popup="clr-namespace:Rg.Plugins.Popup.Pages;assembly=Rg.Plugins.Popup"
         x:Class="YourApp.Controls.ToastPage">
...

và có nó được tạo bởi một dịch vụ, có giao diện mà bạn đăng ký khi khởi động ứng dụng hoặc sử dụng Xamarin.Forms.DependencyService để tìm nạp dịch vụ cũng sẽ khả thi.

Dịch vụ đưa tin lên trang dẫn xuất PopupPage và

await PopupNavigation.PushAsync(newToastPage);
await Task.Delay(2000);
await PopupNavigation.PopAllAsync();

Người dùng có thể loại bỏ trang Cửa sổ bật lên bằng cách chạm vào bên ngoài màn hình trang (giả sử trang này chưa lấp đầy màn hình).

Điều này có vẻ hoạt động tốt trên iOS / Droid, nhưng tôi sẵn sàng sửa chữa nếu ai đó biết đây là một cách làm rủi ro.

Thêm vào câu trả lời của Alex, đây là biến thể UWP:

public class Message : IMessage {
  private const double LONG_DELAY = 3.5;
  private const double SHORT_DELAY = 2.0;

  public void LongAlert(string message) =>
    ShowMessage(message, LONG_DELAY);

  public void ShortAlert(string message) =>
    ShowMessage(message, SHORT_DELAY);

  private void ShowMessage(string message, double duration) {
    var label = new TextBlock {
      Text = message,
      Foreground = new SolidColorBrush(Windows.UI.Colors.White),
      HorizontalAlignment = HorizontalAlignment.Center,
      VerticalAlignment = VerticalAlignment.Center,
    };
    var style = new Style { TargetType = typeof(FlyoutPresenter) };
    style.Setters.Add(new Setter(Control.BackgroundProperty, new SolidColorBrush(Windows.UI.Colors.Black)));
    style.Setters.Add(new Setter(FrameworkElement.MaxHeightProperty, 1));
    var flyout = new Flyout {
      Content = label,
      Placement = FlyoutPlacementMode.Full,
      FlyoutPresenterStyle = style,
    };

    flyout.ShowAt(Window.Current.Content as FrameworkElement);

    var timer = new DispatcherTimer { Interval = TimeSpan.FromSeconds(duration) };
    timer.Tick += (sender, e) => {
      timer.Stop();
      flyout.Hide();
    };
    timer.Start();
  }
}

Màu sắc và kiểu dáng là tùy thuộc vào bạn, MaxHeightthực sự bắt buộc phải giữ chiều cao ở mức tối thiểu.

Bạn có thể sử dụng IUserDialog NuGet và chỉ cần sử dụng toastAlert

var toastConfig = new ToastConfig("Toasting...");
toastConfig.SetDuration(3000);
toastConfig.SetBackgroundColor(System.Drawing.Color.FromArgb(12, 131, 193));

UserDialogs.Instance.Toast(toastConfig);

Đây là đoạn mã mà tôi đang sử dụng để hiển thị bánh mì nướng trong Xamarin.iOS

  public void ShowToast(String message, UIView view)
    {
        UIView residualView = view.ViewWithTag(1989);
        if (residualView != null)
            residualView.RemoveFromSuperview();

        var viewBack = new UIView(new CoreGraphics.CGRect(83, 0, 300, 100));
        viewBack.BackgroundColor = UIColor.Black;
        viewBack.Tag = 1989;
        UILabel lblMsg = new UILabel(new CoreGraphics.CGRect(0, 20, 300, 60));
        lblMsg.Lines = 2;
        lblMsg.Text = message;
        lblMsg.TextColor = UIColor.White;
        lblMsg.TextAlignment = UITextAlignment.Center;
        viewBack.Center = view.Center;
        viewBack.AddSubview(lblMsg);
        view.AddSubview(viewBack);
        roundtheCorner(viewBack);
        UIView.BeginAnimations("Toast");
        UIView.SetAnimationDuration(3.0f);
        viewBack.Alpha = 0.0f;
        UIView.CommitAnimations();
    }

Tôi muốn giới thiệu Plugin.Toastthư viện từ nuget. Nó hoạt động tốt.

CrossToastPopUp.Current.ShowToastMessage("my toast message");

hoặc từ ACR.UserDialogs Nuget libriary

UserDialogs.Instance.ShowLoading("Loading");

@MengTim, để khắc phục sự cố nhiều bánh mì nướng trong giải pháp của @ alex-chengalan, tôi chỉ cần gói mọi thứ bên trong ShowAlert()bằng một kiểm tra để xem nếu alertvà alertDelaycó rỗng không, sau đó bên trong DismissMessage, vô hiệu hóa alertvà alertDelay.

void ShowAlert(string message, double seconds)
    {
        if(alert == null && alertDelay == null) {
            alertDelay = NSTimer.CreateScheduledTimer(seconds, (obj) =>
            {
                DismissMessage();
            });
            alert = UIAlertController.Create(null, message, UIAlertControllerStyle.Alert);
            UIApplication.SharedApplication.KeyWindow.RootViewController.PresentViewController(alert, true, null);
        }
    }

    void DismissMessage()
    {
        if (alert != null)
        {
            alert.DismissViewController(true, null);
            alert = null;
        }
        if (alertDelay != null)
        {
            alertDelay.Dispose();
            alertDelay = null;
        }
    }

Điều đó dường như ít nhất cũng giải quyết được tình trạng treo giao diện người dùng, nếu bạn đang tìm cách khắc phục nhanh chóng. Tôi đang cố gắng hiển thị bánh mì nướng trên điều hướng đến một trang mới và tin rằng việc PresentViewControllerthiết lập về cơ bản đang hủy bỏ điều hướng của tôi. Xin lỗi, tôi đã không bình luận trong chủ đề, danh tiếng của tôi quá thấp :(

Không có cơ chế tích hợp trong Biểu mẫu, nhưng gói nuget này cung cấp một thứ tương tự

https://github.com/EgorBo/Toasts.Forms.Plugin

Lưu ý: Đây không phải là chúc mừng kiểu Android như được yêu cầu trong câu hỏi mà là chúc mừng kiểu UWP là thông báo trên toàn hệ thống.

Đây là ShowAlertphiên bản cải tiến của tôi từ phiên bản của Ian Warburton để đảm bảo rằng bánh mì nướng được hiển thị ngay cả trên trang bật lên. Hơn nữa, bánh mì nướng sẽ bị loại bỏ nếu người dùng nhấp vào bên ngoài bánh mì nướng. Tôi đã sử dụng UIAlertControllerStyle.ActionSheetcái nhìn thích bánh mì nướng nhưng nó cũng hoạt động vớiUIAlertControllerStyle.Alert

    void ShowAlert(string message, double seconds)
    {
        var alert = UIAlertController.Create(null, message, UIAlertControllerStyle.ActionSheet);

        var alertDelay = NSTimer.CreateScheduledTimer(seconds, obj =>
        {
            DismissMessage(alert, obj);
        });

        var viewController = UIApplication.SharedApplication.KeyWindow.RootViewController;
        while (viewController.PresentedViewController != null)
        {
            viewController = viewController.PresentedViewController;
        }
        viewController.PresentViewController(alert, true, () =>
        {
            UITapGestureRecognizer tapGesture = new UITapGestureRecognizer(_ => DismissMessage(alert, null));
            alert.View.Superview?.Subviews[0].AddGestureRecognizer(tapGesture);
        });
    }

Tôi hy vọng điều này sẽ giúp một ai đó!

Tôi sử dụng https://github.com/ishrakland/Toast/ Trong https://www.nuget.org/packages/Plugin.Toast/

Ví dụ CrossToastPopUp.Current.ShowToastMessage ("Đang tải", Plugin.Toast.Abstaries.ToastLength.Short);

Hãy thử nó, nó rất tuyệt

Tôi đã tùy chỉnh một cửa sổ bật lên tùy chỉnh với Rg.Plugins.Popup NuGet đây là một ví dụ:

 <pages:PopupPage.Animation>
    <animations:ScaleAnimation 
        PositionIn="Center"
        PositionOut="Center"
        ScaleIn="1.2"
        ScaleOut="0.8"
        DurationIn="600"
        DurationOut="600"
        EasingIn="Linear"
       EasingOut="Linear"/>
</pages:PopupPage.Animation>

<Frame CornerRadius="10"  
    HeightRequest="30"
       VerticalOptions="End"
       HorizontalOptions="Fill"
       HasShadow="False"
        Padding="0" Margin="40,50"
       OutlineColor="LightGray">
    <StackLayout 
    Opacity="0.4"
       BackgroundColor="White">
    <Label
        x:Name="lbl"
        LineBreakMode="WordWrap"
        HorizontalTextAlignment="Center"
                    VerticalTextAlignment="Center"

        VerticalOptions="CenterAndExpand"
        HorizontalOptions="Center" TextColor="Black" FontSize="12">
                <Label.FontFamily>
                    <OnPlatform x:TypeArguments="x:String">
                        <On Platform="iOS" Value="NewJuneMedium" />
                    </OnPlatform>
                </Label.FontFamily>
            </Label>
</StackLayout>
    </Frame>

thì trong trang cơ sở của bạn, bạn có thể thêm mã sau để hiển thị và ẩn "bánh mì nướng" sau một thời gian:

public async void showpopup(string msg)
    {
        await Navigation.PushPopupAsync(new Toast(msg));
        await Task.Delay(3000);
        await Navigation.PopPopupAsync(true);   
    }

Các câu trả lời iOS ở trên phù hợp với tôi nhưng đối với một vấn đề nhỏ - cảnh báo: Cố gắng trình bày UIAlertController ... có chế độ xem không nằm trong hệ thống phân cấp cửa sổ!

Sau một số tìm kiếm, tôi đã tìm thấy câu trả lời không liên quan này này đã giúp ích. Người đăng bình luận "Điều này trông ngu ngốc nhưng hiệu quả", điều này đúng về cả hai tính.

Vì vậy, tôi đã sửa đổi hàm ShowAlert () ở trên với các dòng này, có vẻ như hoạt động:

    var rootVC = UIApplication.SharedApplication.KeyWindow.RootViewController;
    while ( rootVC.PresentedViewController != null) {
        rootVC = rootVC.PresentedViewController;
    }
    rootVC.PresentViewController( alert, true, null);

Đối với UWP

public void ShowMessageFast(string message)
    {
        ToastNotifier ToastNotifier = ToastNotificationManager.CreateToastNotifier();
        Windows.Data.Xml.Dom.XmlDocument toastXml = ToastNotificationManager.GetTemplateContent(ToastTemplateType.ToastText02);
        Windows.Data.Xml.Dom.XmlNodeList toastNodeList = toastXml.GetElementsByTagName("text");
        toastNodeList.Item(0).AppendChild(toastXml.CreateTextNode("Test"));
        toastNodeList.Item(1).AppendChild(toastXml.CreateTextNode(message));
        Windows.Data.Xml.Dom.IXmlNode toastNode = toastXml.SelectSingleNode("/toast");
        Windows.Data.Xml.Dom.XmlElement audio = toastXml.CreateElement("audio");
        audio.SetAttribute("src", "ms-winsoundevent:Notification.SMS");

        ToastNotification toast = new ToastNotification(toastXml);
        toast.ExpirationTime = DateTime.Now.AddSeconds(4);
        ToastNotifier.Show(toast);
    }

Bạn có thể dùng DisplayAlert("", "", "", "" );