Xamarin.Forms.WebView初始加载指示器

Question

对于我来说，采取Xamarin表单WebView并为第一个加载添加一个加载进度条的最简单方法是什么？

我的应用程序只是包装一个网站，但在带宽不足的情况下，当飞溅屏幕消失，WebView正在加载它的内容时，我当然会看到一个白色的屏幕。

我希望看到一个进展指标。我四处看看，但没有找到一个简单的解决方案，而且大多数问题都不是面向Xamarin.Forms的。

提前谢谢。

你好，马克

Answer 1

只需使用带有WebView.Navigating和WebView的StackLayout作为子级，并根据在StackLayout和WebView.Navigated事件中设置的IsWorking属性值设置它的可见性。您的ViewModel必须实现IOnPropertyChanged。

var webViewView = new WebView() {
    HorizontalOptions = LayoutOptions.FillAndExpand,
    VerticalOptions = LayoutOptions.FillAndExpand,
};
webViewView.SetBinding<YourViewModel>(View.IsVisibleProperty, v => v.IsWorking, 
    BindingMode.OneWay, new Converters.NegateBoolConverter());

webViewView.Navigating += (sender, e) => {
    viewModel.IsWorking = true;
};

webViewView.Navigated += (sender, e) => {
    viewModel.IsWorking = false;
};

var activityIndicator = new ActivityIndicator() {
    HorizontalOptions = LayoutOptions.Center,
    VerticalOptions = LayoutOptions.Center,
};
activityIndicator.SetBinding<YourViewModel>(ActivityIndicator.IsRunningProperty, v => v.IsWorking);

var isWorkingView = new ContentView() {
    HorizontalOptions = LayoutOptions.FillAndExpand,
    VerticalOptions = LayoutOptions.FillAndExpand,
    Content = activityIndicator
};
isWorkingView.SetBinding<YourViewModel>(ContentView.IsVisibleProperty, v => v.IsWorking);

var root = new StackLayout() {
    HorizontalOptions = LayoutOptions.FillAndExpand,
    VerticalOptions = LayoutOptions.FillAndExpand,
    Children = {
        webViewView,
        isWorkingView,
    }
};