如何在页面繁忙时显示Activity Indicator？C# XAML绑定IsBusy失败求助

Hey there! Let's troubleshoot why your ActivityIndicator isn't popping up when your page is in a busy state. I’ve dealt with this exact scenario plenty of times, so here are the key checks and fixes to get it working:

1. Make Sure Your ViewModel Implements INotifyPropertyChanged #

The UI won’t know when your IsBusy property changes unless your ViewModel fires property change notifications. Here’s a simple base ViewModel you can use:

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class BaseViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

Then have your actual ViewModel inherit from this base class.

2. Set the Correct BindingContext #

Your page needs to know where to pull the IsBusy value from. You can set this either in XAML or code-behind:

Option 1: XAML #

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:YourAppNamespace"
             x:Class="YourAppNamespace.YourPage">
    <ContentPage.BindingContext>
        <local:YourViewModel />
    </ContentPage.BindingContext>
    <!-- Rest of your page content -->
</ContentPage>

Option 2: Code-Behind (in your page’s constructor) #

public YourPage()
{
    InitializeComponent();
    BindingContext = new YourViewModel();
}

3. Correctly Bind the ActivityIndicator’s Properties #

You need to bind both IsRunning and IsVisible to your IsBusy property (or use a style to handle this). Here’s a straightforward implementation that centers the indicator over your page content:

<RelativeLayout>
    <!-- Your main page content goes here -->
    <StackLayout>
        <!-- Buttons, labels, etc. -->
    </StackLayout>

    <!-- Activity Indicator Overlay -->
    <ActivityIndicator
        RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width}"
        RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height}"
        IsRunning="{Binding IsBusy}"
        IsVisible="{Binding IsBusy}"
        Color="#007AFF"
        HorizontalOptions="Center"
        VerticalOptions="Center" />
</RelativeLayout>

Alternatively, if you’re using .NET MAUI, you can use a Grid to stack the indicator over content:

<Grid>
    <!-- Main content -->
    <ScrollView>
        <!-- Your page elements -->
    </ScrollView>

    <!-- Activity Indicator -->
    <ActivityIndicator
        IsRunning="{Binding IsBusy}"
        IsVisible="{Binding IsBusy}"
        HorizontalOptions="Center"
        VerticalOptions="Center" />
</Grid>

4. Ensure IsBusy Triggers Property Changes #

In your ViewModel, the IsBusy property must call OnPropertyChanged when its value updates. Here’s how to implement it:

public class YourViewModel : BaseViewModel
{
    private bool _isBusy;
    public bool IsBusy
    {
        get => _isBusy;
        set
        {
            if (_isBusy != value)
            {
                _isBusy = value;
                OnPropertyChanged(); // Uses [CallerMemberName] to auto-infer the property name
            }
        }
    }

    // Example method that sets IsBusy
    public async Task DoBusyWork()
    {
        IsBusy = true;
        try
        {
            // Run your long-running operation on a background thread
            await Task.Run(() =>
            {
                // Simulate work
                System.Threading.Thread.Sleep(2000);
            });
        }
        finally
        {
            IsBusy = false;
        }
    }
}

5. Don’t Block the UI Thread #

If you set IsBusy = true and then immediately run a long task on the UI thread, the UI won’t have time to update and show the indicator. Always use Task.Run or async/await to offload heavy work to a background thread, like in the example above.

Quick Check List #

• Did you inherit your ViewModel from INotifyPropertyChanged?
• Is the page’s BindingContext set to your ViewModel?
• Are both IsRunning and IsVisible bound to IsBusy?
• Does your IsBusy property call OnPropertyChanged when it changes?
• Are you running long tasks on a background thread?

If you go through these steps, your ActivityIndicator should pop up exactly when your page is busy!

内容的提问来源于stack exchange，提问作者Mohammed Ameen