サービスがXamarinフォームを使用してデータを取得している間にイメージをロードする

Question

私のアプリケーションのログインページでは、サービスがデータを取得する前にxamarinフォームにメッセージ「Loading」が表示されます。

ActivityIndicator indicator = new ActivityIndicator { Color = Color.Blue, }; 
     indicator.IsRunning = false; 
     indicator.IsVisible = false; 
     indicator.HorizontalOptions = LayoutOptions.CenterAndExpand; 
     indicator.VerticalOptions = LayoutOptions.CenterAndExpand; 

及びログインボタンをクリックした後、私は今、私は唯一のローディング画像を取得し、中にいます。この

indicator.IsRunning = true; 
    indicator.IsVisible = true; 

のようなコードを追加しました：私はこのようなアクティビティインジケータを使用することについては

私は上記のイメージのようにしたい。誰も私にこれを解決するように提案する。事前

Answer 1

で ありがとうございますのためのものです。**それはXamarin.Formsがで示さ

https://www.nuget.org/packages/Acr.UserDialogs/

EDIT 1

using System; 
    using System.Collections.Generic; 
    using System.Linq; 
    using System.Text; 
    using System.Threading.Tasks; 
    using System.Collections.ObjectModel; 
    **using Acr.UserDialogs;** 
    using Xamarin.Forms; 
    using Splat; 

    namespace ProjectScreen 
    { 

     public partial class MainPage : ContentPage 
     { 
      public ObservableCollection<MainPageViewModel> projects { get; set; } 
      public SQLite.Net.SQLiteConnection _connection; 
      public bool IsLoading; 
      public MainPage() 
      { 
       projects = new ObservableCollection<MainPageViewModel>(); 
       InitializeComponent(); 
       this.getConnection(); 
       foreach (Project Pname in this.GetProjects()) 
       { 
        projects.Add(new MainPageViewModel { Name = Pname.name }); 
        lstView.ItemsSource = projects; 
       } 
       AddNewItem.Clicked += (o, s) => 
       { 
        this.PromptCommand(); 
       }; 
       lstView.ItemSelected += LstView_ItemSelected; 
      } 

      private void LstView_ItemSelected(object sender, SelectedItemChangedEventArgs e) 
      { 
        **UserDialogs.Instance.ShowLoading("Loading data");** 
        Task.Run(() => { waitForMinute(); }); 
      } 

      private async void waitForMinute() 
      { 
       await Task.Delay(10000); 
       **UserDialogs.Instance.Loading().Hide();** 
       Device.BeginInvokeOnMainThread(() => 
       { 
        Navigation.PushAsync(new NavigationPage(new ProjectDetails())); 
       }); 
      } 
} 
} 
} 

行をaswellサポートダイアログ ために次のライブラリを使用することができますAcrDialogあなたの要件に応じて任意のファイルで使用できます

メインスレッドで実行することを確認してください