Индикатор активности перед DisplayAlert

Question

У меня есть содержательная страница, которая отправляет электронную почту через SMTP-сервер в моем приложении Xamarin.

При нажатии на кнопку отправки, чтобы отправить электронное письмо, приложение ничего не делает, но ждет. Во время этого ожидания я хочу показать индикатор активности или метку загрузки текста, чтобы пользователь знал, что что-то работает, прежде чем показывать DisplayAlert, что процесс прошел успешно.

По той или иной причине ActivityIndicator и текст метки не отображаются. Может я что-то не так делаю.

1007 * XAML *

<StackLayout x:Name="myPop" AbsoluteLayout.LayoutBounds="0, 0, 1, 1" 
            AbsoluteLayout.LayoutFlags="All" BackgroundColor="#C0808080" Padding="5">

    <ContentView x:Name="input_box_overlay" 
    AbsoluteLayout.LayoutBounds="0, 0, 1, 1" 
    AbsoluteLayout.LayoutFlags="All" 
    Padding="5">

        <StackLayout Padding="20" BackgroundColor="White" 
                     HorizontalOptions="Center" VerticalOptions="Center"
                     HeightRequest="230" WidthRequest="230">
            <Label Text="Enter suggestion" TextColor="Black" FontSize="Medium"/>

            <StackLayout Padding="0, 10, 0, 0">
                <Editor x:Name="user_text" HeightRequest="100" Keyboard="Chat" BackgroundColor="#f7f8f9"/>
            </StackLayout>

            <StackLayout HorizontalOptions="Center" VerticalOptions="Center">
                <Label Text="Submitting..." x:Name="load"/>
                <ActivityIndicator x:Name="indicator"/>
            </StackLayout>

            <StackLayout Orientation="Horizontal" VerticalOptions="EndAndExpand" HorizontalOptions="CenterAndExpand">
                <Button TextColor="White" Text="Cancel" Clicked="Cancel_Clicked" BackgroundColor="#C0808080"/>
                <Button TextColor="White" Text="Submit" Clicked="Submit_Clicked" BackgroundColor="#395368" />
            </StackLayout>


        </StackLayout>
    </ContentView>

</StackLayout>

Код для Submit_Clicked метода / события

private async void Submit_Clicked(object sender, EventArgs e)
{
    try
    {
       indicator.IsRunning = true;
       indicator.IsVisible = true;
       indicator.IsEnabled = true;
       load.IsVisible = true;

        MailMessage mail = new MailMessage();
        SmtpClient SmtpServer = new SmtpClient("smtp.sendgrid.net");
        mail.From = new MailAddress("email@domain.com");
        mail.To.Add("email@domain.com");
        mail.Subject = "Subject";
        mail.Body = user_msg;
        SmtpServer.Port = 25;
        SmtpServer.Credentials = new NetworkCredential("username", "password");
        SmtpServer.EnableSsl = true;
        ServicePointManager.ServerCertificateValidationCallback = delegate (object sendemail, X509Certificate certificate, X509Chain chain, System.Net.Security.SslPolicyErrors sslPolicyErrors)
        {
            return true;
        };
        SmtpServer.SendCompleted += (s, ev) => {
            indicator.IsRunning = false;
            indicator.IsVisible = false;
            indicator.IsEnabled = false;
            load.IsVisible = false;
        };
        SmtpServer.Send(mail);                        


        await DisplayAlert("Success", "Message Sent. Thank you.", "Ok");

        myPop.IsVisible = false;
        myPop.IsEnabled = false;
    }
    catch (Exception ex)
    {
        await DisplayAlert("Error", "Something went wrong. Please try again.", "ok");
        Console.WriteLine(ex.ToString());
    }
}

Answer 1

Подумайте о том, чтобы сохранить код асинхронным и не блокировать его, что и происходит с SmtpClient.Send

Это рефакторинг исходного кода, предоставленного для обеспечения неблокирующего потока

private async void Submit_Clicked(object sender, EventArgs e) {
    try {
        ToggleIndicator(true);
        await SendEmailAsync();
        ToggleIndicator(false);
        await DisplayAlert("Success", "Message Sent. Thank you.", "Ok");
        myPop.IsVisible = false;
        myPop.IsEnabled = false;
    } catch (Exception ex) {
        await DisplayAlert("Error", "Something went wrong. Please try again.", "ok");
        Console.WriteLine(ex.ToString());
    }
}

private void ToggleIndicator(bool show) {
    indicator.IsRunning = show;
    indicator.IsVisible = show;
    indicator.IsEnabled = show;
    load.IsVisible = show;
}

private async Task SendEmailAsync() {
    MailMessage mail = new MailMessage();
    mail.From = new MailAddress("email@domain.com");
    mail.To.Add("email@domain.com");
    mail.Subject = "Subject";
    mail.Body = user_msg;
    SmtpClient SmtpServer = new SmtpClient("smtp.sendgrid.net");
    SmtpServer.Port = 25;
    SmtpServer.Credentials = new NetworkCredential("username", "password");
    SmtpServer.EnableSsl = true;
    ServicePointManager.ServerCertificateValidationCallback = delegate (object sendemail, X509Certificate certificate, X509Chain chain, System.Net.Security.SslPolicyErrors sslPolicyErrors) {
        return true;
    };
    await SmtpServer.SendMailAsync(mail);
}

Хотя XAML выглядит нормально, я бы также предположил, что видимость метки и индикатора изначально будет ложной

<StackLayout HorizontalOptions="Center" VerticalOptions="Center">
    <Label Text="Submitting..." x:Name="load" IsVisible="False"/>
    <ActivityIndicator x:Name="indicator" IsVisible="False"/>
</StackLayout>