.NET MAUI：跨页面共享ContentView开关状态数据的实现问题

1. 实现全局状态容器（对应React Context） #

把你的SharedData改成单例模式，无需通过构造函数传递实例，任何页面/控件都能直接获取全局唯一的状态源：

public class SharedData : INotifyPropertyChanged
{
    // 全局单例实例
    private static readonly SharedData _instance = new SharedData();
    public static SharedData Instance => _instance;

    private bool _isSwitchToggled;
    public bool IsSwitchToggled
    {
        get => _isSwitchToggled;
        set
        {
            if (_isSwitchToggled != value)
            {
                _isSwitchToggled = value;
                OnPropertyChanged(nameof(IsSwitchToggled));
                // 同步更新应用主题颜色
                UpdateAppTheme(value);
            }
        }
    }

    // 根据开关状态切换应用颜色
    private void UpdateAppTheme(bool isToggled)
    {
        if (Application.Current != null)
        {
            Application.Current.Resources["PrimaryColor"] = isToggled ? Colors.DarkCyan : Colors.LightCyan;
            // 可扩展更多颜色资源的切换，比如背景色、文字色等
        }
    }

    public event PropertyChangedEventHandler? PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    // 私有构造函数，确保只能通过Instance获取实例
    private SharedData() { }
}

2. 修改Banner控件的绑定逻辑 #

方式一：直接绑定全局状态（最简方案） #

修改Banner的XAML，去掉x:Reference的绑定，直接关联到SharedData单例：

<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:MyApp.Partials"
             xmlns:core="clr-namespace:MyApp" <!-- 替换为SharedData所在的命名空间 -->
             x:Class="MyApp.Partials.Banner">

    <Grid BackgroundColor="Yellow">
        <HorizontalStackLayout
            HorizontalOptions="CenterAndExpand"
            VerticalOptions="Center">
            <Image Source="smartphone.png" HeightRequest="40" Aspect="AspectFit" />
            <Switch IsToggled="{Binding Source={x:Static core:SharedData.Instance}, Path=IsSwitchToggled, Mode=TwoWay}" />
            <Image Source="lightning.png" HeightRequest="40" Aspect="AspectFit" />
        </HorizontalStackLayout>
    </Grid>
</ContentView>

方式二：保留BindableProperty做双向绑定桥梁（更灵活） #

如果需要Banner控件支持独立使用，可保留原有的BindableProperty，在页面引用时绑定到全局状态：

<!-- 页面中的Banner引用 -->
<StackLayout>
    <partials:Banner IsSwitchToggled="{Binding Source={x:Static core:SharedData.Instance}, Path=IsSwitchToggled, Mode=TwoWay}" />
    <Label Text="Mainpage" />
</StackLayout>

同时修改Banner的属性变更回调，同步状态到全局：

static void OnIsSwitchToggled(BindableObject bindable, object oldValue, object newValue)
{
    if (newValue is bool isToggled)
    {
        SharedData.Instance.IsSwitchToggled = isToggled;
    }
}

3. 页面中响应状态变化 #

任何需要同步状态的页面控件，直接绑定到SharedData.Instance即可：

<Label Text="当前开关状态：{Binding Source={x:Static core:SharedData.Instance}, Path=IsSwitchToggled}" />

方案类比React Context #

• SharedData.Instance对应React Context的全局Provider，提供唯一状态源
• 所有控件/页面通过绑定获取状态，等同于React中使用useContext消费状态
• 状态变更时自动通知所有绑定UI，实现跨页面实时同步

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