Xamarinフォーム - ロードページのベストプラクティス

Question

私のContentViewをロードするときに表示される「ローダー」を作成したいとします。 YouTubeアプリケーションでこのよう

：私はタブボタンをクリックしたときに

あなたが見ることができるように、ローダーが表示されます。

しかし、Xamarin.Formsでは、ContentViewはローダーを非表示にしていないため、ContentViewはそれを行う方法がわかりません。 （そして私のローダーは私のContentViewと同時に表示されるからです）。 ボタンをクリックすると、約200msの間にアプリが「フリーズ」する...ユーザーエクスペリエンスには不向き...

これは私のコンテンツを表示するためのベストプラクティスですか？

<AbsoluteLayout> 
    <Grid ... IsVisible="{Binding IsBusy, Converter={StaticResource InvertBooleanConverter}}"> ... </Grid> 
    <Image ... IsVisible="{Binding IsBusy}" /> 
</AbsoluteLayout> 

あなたのViewModelにIsBusyというプロパティを作成しますので、は次のようにあなたは、あなたのXAMLでの絶対的なレイアウト内のローディング画像及びグリッド（またはものは何でもあなたが必要とする）を追加することができます

おかげ

Answer 1

次のようになります。

bool _isBusy = true; 
public bool IsBusy 
{ 
    get 
    { 
     return _isBusy; 
    } 
    set 
    { 
     _isBusy = value; 
     OnPropertyChanged(nameof(IsBusy)); 
    } 
} 

次に、データが完全に読み込まれたときに、ViewModelでIsBusyをfalseに設定します。これにより、データが読み込まれるまでImageが表示され、グリッドがデータでいっぱいになってしまいます。

あなたはそのようInvertBooleanConverterコンバータを作成する必要があります：

public class InvertBooleanConverter : IValueConverter 
    { 
     public object Convert (object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
     { 
      return !(bool)value; 
     } 
     public object ConvertBack (object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
     { 
      return !(bool)value; 
     } 
    } 

Answer 2

私はロード画面を達成するために、このプラグインを使用し、https://github.com/rotorgames/Rg.Plugins.Popup