Implement Alerts (Alert, Prompt and ActionSheet)

src/Compatibility/Core/src/WinUI/Forms.cs

@@ -119,9 +119,6 @@ static void SetupInit(
  {
  MainWindow = mainWindow;
 
- //TODO WINUI3
- Platform.UWP.Platform.SubscribeAlertsAndActionSheets();
-
  if (mainWindow is WindowsBasePage windowsPage)
  {
  windowsPage.LoadApplication(windowsPage.CreateApplication());

src/Controls/samples/Controls.Sample/Pages/Core/AlertsPage.xaml

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<views:BasePage
+ xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+ xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+ x:Class="Maui.Controls.Sample.Pages.AlertsPage"
+ xmlns:views="clr-namespace:Maui.Controls.Sample.Pages.Base"
+ Title="Alerts">
+ <views:BasePage.Content>
+ <StackLayout
+ Margin="12">
+ <Label
+ Text="Display Alert"
+ Style="{StaticResource Headline}"/>
+ <Button 
+ Text="Alert Simple" 
+ Clicked="OnAlertSimpleClicked" />
+ <Button 
+ Text="Alert Yes/No" 
+ Clicked="OnAlertYesNoClicked" />
+ <Label
+ Text="Display ActionSheet"
+ Style="{StaticResource Headline}"/>
+ <Button 
+ Text="ActionSheet Simple" 
+ Clicked="OnActionSheetSimpleClicked" />
+ <Button 
+ Text="ActionSheet Cancel/Delete" 
+ Clicked="OnActionSheetCancelDeleteClicked" />
+ <Label
+ Text="Display Prompt"
+ Style="{StaticResource Headline}"/>
+ <Button 
+ Text="Question 1"
+ Clicked="OnQuestion1ButtonClicked" />
+ <Label 
+ x:Name="question1ResultLabel" />
+ <Button 
+ Text="Question 2"
+ Clicked="OnQuestion2ButtonClicked" />
+ <Label 
+ x:Name="question2ResultLabel" />
+ </StackLayout>
+ </views:BasePage.Content>
+</views:BasePage>

src/Controls/samples/Controls.Sample/Pages/Core/AlertsPage.xaml.cs

@@ -0,0 +1,58 @@
+using System;
+using System.Diagnostics;
+using Microsoft.Maui;
+
+namespace Maui.Controls.Sample.Pages
+{
+ public partial class AlertsPage
+ {
+ public AlertsPage()
+ {
+ InitializeComponent();
+ }
+
+ async void OnAlertSimpleClicked(object sender, EventArgs e)
+ {
+ await DisplayAlert("Alert", "You have been alerted", "OK");
+ }
+
+ async void OnAlertYesNoClicked(object sender, EventArgs e)
+ {
+ var answer = await DisplayAlert("Question?", "Would you like to play a game", "Yes", "No");
+ Debug.WriteLine("Answer: " + answer);
+ }
+
+ async void OnActionSheetSimpleClicked(object sender, EventArgs e)
+ {
+ var action = await DisplayActionSheet("ActionSheet: Send to?", "Cancel", null, "Email", "Twitter", "Facebook");
+ Debug.WriteLine("Action: " + action);
+ }
+
+ async void OnActionSheetCancelDeleteClicked(object sender, EventArgs e)
+ {
+ var action = await DisplayActionSheet("ActionSheet: SavePhoto?", "Cancel", "Delete", "Photo Roll", "Email");
+ Debug.WriteLine("Action: " + action);
+ }
+
+ async void OnQuestion1ButtonClicked(object sender, EventArgs e)
+ {
+ string result = await DisplayPromptAsync("Question 1", "What's your name?", initialValue: string.Empty);
+
+ if (!string.IsNullOrWhiteSpace(result))
+ {
+ question1ResultLabel.Text = $"Hello {result}.";
+ }
+ }
+
+ async void OnQuestion2ButtonClicked(object sender, EventArgs e)
+ {
+ string result = await DisplayPromptAsync("Question 2", "What's 5 + 5?", initialValue: "10", maxLength: 2, keyboard: Keyboard.Numeric);
+
+ if (!string.IsNullOrWhiteSpace(result))
+ {
+ int number = Convert.ToInt32(result);
+ question2ResultLabel.Text = number == 10 ? "Correct." : "Incorrect.";
+ }
+ }
+ }
+}

src/Controls/samples/Controls.Sample/Pages/TempPage.xaml.cs

@@ -11,10 +11,12 @@ public TempPage()
  InitializeComponent();
  }
 
- void OnButtonClicked(object sender, EventArgs e)
+ async void OnButtonClicked(object sender, EventArgs e)
  {
  _counter++;
- CounterLabel.Text = $"You clicked {_counter} times!";
+ string message = $"You clicked {_counter} times!";
+ CounterLabel.Text = message;
+ await DisplayAlert("Alert", message, "Ok");
  }
  }
 }

src/Controls/samples/Controls.Sample/ViewModels/CoreViewModel.cs

@@ -8,7 +8,10 @@ namespace Maui.Controls.Sample.ViewModels
  public class CoreViewModel : BaseGalleryViewModel
  {
  protected override IEnumerable<SectionModel> CreateItems() => new[]
- {
+ { 
+ new SectionModel(typeof(AlertsPage), "Alerts", 
+ "Displaying an alert, asking a user to make a choice, or displaying a prompt."),
+
  new SectionModel(typeof(BrushesPage), "Brushes",
  "A brush enables you to paint an area, such as the background of a control, using different approaches."),
 

src/Controls/src/Core/HandlerImpl/Window.Android.cs

@@ -1,9 +1,6 @@
 #nullable enable
 
 using System;
-using System.Collections.Generic;
-using System.Text;
-using Android.App;
 using AndroidX.AppCompat.App;
 
 namespace Microsoft.Maui.Controls

src/Controls/src/Core/HandlerImpl/Window.Impl.cs

@@ -23,12 +23,16 @@ public partial class Window : VisualElement, IWindow
  internal IMauiContext MauiContext => Page?.Handler?.MauiContext
  ?? throw new InvalidOperationException("MauiContext is null");
 
+ internal AlertManager AlertManager { get; }
+
  internal ModalNavigationService ModalNavigationService { get; }
 
  public Window()
  {
  ModalNavigationService = new ModalNavigationService(this);
  Navigation = new NavigationImpl(this);
+ AlertManager = new AlertManager(this);
+
  InternalChildren.CollectionChanged += OnCollectionChanged;
  }
 
@@ -38,7 +42,6 @@ public Window(Page page)
  Page = page;
  }
 
-
  void SendWindowAppearing()
  {
  Page?.SendAppearing();
@@ -80,7 +83,10 @@ public Page? Page
  InternalChildren.Remove(_page);
 
  if (_page != null)
+ {
  _page.AttachedHandler -= OnPageAttachedHandler;
+ _page.DetachedHandler -= OnPageDetachedHandler;
+ }
  }
 
  _page = value;
@@ -94,13 +100,23 @@ public Page? Page
  ModalNavigationService.SettingNewPage();
 
  if (value != null)
+ {
  value.AttachedHandler += OnPageAttachedHandler;
+ value.DetachedHandler += OnPageDetachedHandler;
+ }
  }
  }
 
  void OnPageAttachedHandler(object? sender, EventArgs e)
  {
  ModalNavigationService.PageAttachedHandler();
+
+ AlertManager.Subscribe();
+ }
+
+ void OnPageDetachedHandler(object? sender, EventArgs e)
+ {
+ AlertManager.Unsubscribe();
  }
 
  IView IWindow.View
@@ -149,7 +165,6 @@ void OnModalPushing(Page modalPage)
  (Parent as Application)?.NotifyOfWindowModalEvent(args);
  }
 
-
  void OnPopCanceled()
  {
  PopCanceled?.Invoke(this, EventArgs.Empty);

src/Controls/src/Core/HandlerImpl/Window.iOS.cs

@@ -1,9 +1,5 @@
 #nullable enable
 
-using System;
-using System.Collections.Generic;
-using System.Text;
-using Microsoft.Maui.Controls.Platform;
 using UIKit;
 
 namespace Microsoft.Maui.Controls

src/Controls/src/Core/Platform/AlertManager/ActionSheetDialog.Windows.cs

@@ -0,0 +1,147 @@
+#nullable disable
+using System;
+using System.Linq;
+using Microsoft.Maui.Controls.Internals;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace Microsoft.Maui.Controls.Platform
+{
+ public sealed class ActionSheetContent : UserControl
+ {
+ readonly ActionSheetArguments _options;
+
+ public event EventHandler OptionSelected;
+
+ public ActionSheetContent(ActionSheetArguments sheetOptions)
+ {
+ Initialize();
+
+ _options = sheetOptions;
+
+ TitleBlock.Text = _options.Title ?? string.Empty;
+ OptionsList.ItemsSource = _options.Buttons.ToList();
+
+ if (_options.FlowDirection == Controls.FlowDirection.RightToLeft)
+ {
+ TitleBlock.FlowDirection = UI.Xaml.FlowDirection.RightToLeft;
+ OptionsList.FlowDirection = UI.Xaml.FlowDirection.RightToLeft;
+ }
+ else if (_options.FlowDirection == Controls.FlowDirection.LeftToRight)
+ {
+ TitleBlock.FlowDirection = UI.Xaml.FlowDirection.LeftToRight;
+ OptionsList.FlowDirection = UI.Xaml.FlowDirection.LeftToRight;
+ }
+
+ if (_options.FlowDirection == Controls.FlowDirection.RightToLeft)
+ {
+ if (_options.Cancel != null)
+ {
+ LeftBtn.Content = _options.Cancel;
+ if (_options.Destruction != null)
+ RightBtn.Content = _options.Destruction;
+ }
+ else if (_options.Destruction != null)
+ LeftBtn.Content = _options.Destruction;
+ }
+ else
+ {
+ if (_options.Cancel != null)
+ {
+ RightBtn.Content = _options.Cancel;
+ if (_options.Destruction != null)
+ LeftBtn.Content = _options.Destruction;
+ }
+ else if (_options.Destruction != null)
+ RightBtn.Content = _options.Destruction;
+ }
+
+ LeftBtn.Visibility = LeftBtn.Content == null ? UI.Xaml.Visibility.Collapsed : UI.Xaml.Visibility.Visible;
+ RightBtn.Visibility = RightBtn.Content == null ? UI.Xaml.Visibility.Collapsed : UI.Xaml.Visibility.Visible;
+ }
+
+ internal TextBlock TitleBlock { get; private set; }
+
+ internal UI.Xaml.Controls.ListView OptionsList { get; private set; }
+
+ internal UI.Xaml.Controls.Button LeftBtn { get; private set; }
+
+ internal UI.Xaml.Controls.Button RightBtn { get; private set; }
+
+ void Initialize()
+ {
+ var mainLayout = new UI.Xaml.Controls.Grid
+ {
+ Padding = new UI.Xaml.Thickness(10),
+ RowDefinitions =
+ {
+ new UI.Xaml.Controls.RowDefinition { Height = new UI.Xaml.GridLength(0, UI.Xaml.GridUnitType.Star) },
+ new UI.Xaml.Controls.RowDefinition { Height = new UI.Xaml.GridLength(0, UI.Xaml.GridUnitType.Auto) }
+ }
+ };
+
+ var firstLayout = new UI.Xaml.Controls.Grid
+ {
+ RowDefinitions =
+ {
+ new UI.Xaml.Controls.RowDefinition { Height = new UI.Xaml.GridLength(0, UI.Xaml.GridUnitType.Auto) },
+ new UI.Xaml.Controls.RowDefinition { Height = new UI.Xaml.GridLength(0, UI.Xaml.GridUnitType.Star) }
+ }
+ };
+
+ TitleBlock = new TextBlock { FontSize = 18, MaxLines = 2 };
+ firstLayout.Children.Add(TitleBlock);
+ UI.Xaml.Controls.Grid.SetRow(TitleBlock, 0);
+
+ OptionsList = new UI.Xaml.Controls.ListView { IsItemClickEnabled = true, Margin = new UI.Xaml.Thickness(0, 10, 0, 10), SelectionMode = UI.Xaml.Controls.ListViewSelectionMode.None };
+ OptionsList.ItemClick += ListItemSelected;
+ firstLayout.Children.Add(OptionsList);
+ UI.Xaml.Controls.Grid.SetRow(OptionsList, 1);
+
+ var secondLayout = new UI.Xaml.Controls.Grid
+ {
+ ColumnDefinitions =
+ {
+ new UI.Xaml.Controls.ColumnDefinition { Width = new UI.Xaml.GridLength(0, UI.Xaml.GridUnitType.Star) },
+ new UI.Xaml.Controls.ColumnDefinition { Width = new UI.Xaml.GridLength(0, UI.Xaml.GridUnitType.Star) }
+ },
+ VerticalAlignment = VerticalAlignment.Bottom
+ };
+
+ LeftBtn = new UI.Xaml.Controls.Button { Height = 32, HorizontalAlignment = HorizontalAlignment.Stretch, Margin = new UI.Xaml.Thickness(0, 0, 5, 0) };
+ LeftBtn.Click += ActionButtonClicked;
+ secondLayout.Children.Add(LeftBtn);
+ UI.Xaml.Controls.Grid.SetColumn(LeftBtn, 0);
+
+ RightBtn = new UI.Xaml.Controls.Button { Height = 32, HorizontalAlignment = HorizontalAlignment.Stretch, Margin = new UI.Xaml.Thickness(5, 0, 0, 0) };
+ RightBtn.Click += ActionButtonClicked;
+ secondLayout.Children.Add(RightBtn);
+ UI.Xaml.Controls.Grid.SetColumn(RightBtn, 1);
+
+ mainLayout.Children.Add(firstLayout);
+ UI.Xaml.Controls.Grid.SetRow(firstLayout, 0);
+
+ mainLayout.Children.Add(secondLayout);
+ UI.Xaml.Controls.Grid.SetRow(secondLayout, 1);
+
+ Content = mainLayout;
+ }
+
+ void ListItemSelected(object sender, ItemClickEventArgs e)
+ {
+ var selection = (string)e.ClickedItem;
+ _options.SetResult(selection);
+
+ OptionSelected?.Invoke(this, null);
+ }
+
+ void ActionButtonClicked(object sender, RoutedEventArgs e)
+ {
+ var button = (UI.Xaml.Controls.Button)sender;
+ var selection = (string)button.Content;
+ _options.SetResult(selection);
+
+ OptionSelected?.Invoke(this, null);
+ }
+ }
+}