.NET MAUI中如何创建单例模式的可重用ContentView？

针对你的需求，这里提供几种可行的实现方案，都能避开MAUI 8预览版中TemplateBinding/RelativeBindingSource的问题，且满足"状态统一、自动同步"的要求：

方案1：单例ViewModel + 全局绑定（最推荐） #

核心思路是让所有得分栏实例绑定同一个全局单例的数据源，只要数据源更新，所有UI自动同步。

步骤1：实现单例状态ViewModel #

创建一个实现INotifyPropertyChanged的单例类，维护得分状态：

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

namespace YourAppName.ViewModels
{
    public class ScoreState : INotifyPropertyChanged
    {
        // 单例实例
        private static ScoreState _instance;
        public static ScoreState Instance => _instance ??= new ScoreState();

        private int _currentScore;
        public int CurrentScore
        {
            get => _currentScore;
            set
            {
                if (_currentScore != value)
                {
                    _currentScore = value;
                    OnPropertyChanged();
                }
            }
        }

        // 实现PropertyChanged事件
        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

步骤2：修改得分栏ContentView的绑定 #

在你的ScoreBar.xaml中，直接绑定到单例的CurrentScore属性：

<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:vm="clr-namespace:YourAppName.ViewModels"
             x:Class="YourAppName.Components.ScoreBar">
    <!-- 你的得分栏UI，比如带图标的得分标签 -->
    <HorizontalStackLayout Padding="10,5" BackgroundColor="#222">
        <Image Source="trophy.png" WidthRequest="24" HeightRequest="24" />
        <Label Text="{Binding CurrentScore, Source={x:Static vm:ScoreState.Instance}}"
               TextColor="White"
               FontSize="18"
               FontAttributes="Bold"
               Margin="5,0,0,0" />
    </HorizontalStackLayout>
</ContentView>

步骤3：在页面中使用并修改得分 #

任何页面添加ScoreBar组件后，直接通过单例修改得分即可同步所有实例：

// 比如在PlayPage的按钮点击事件中加分
private void OnAddScoreClicked(object sender, EventArgs e)
{
    ScoreState.Instance.CurrentScore += 10;
}

优点：无需依赖注入，代码简洁，MAUI 8预览版完全支持，所有得分栏自动同步。

方案2：AppShell全局布局（仅适用于固定位置的得分栏） #

如果得分栏固定在页面顶部/底部，直接把它放到AppShell的全局区域里，整个应用只会存在一个实例，彻底避免多实例同步问题。

修改AppShell.xaml #

把ScoreBar放到Shell.TitleView或自定义的全局容器中：

<Shell xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
       xmlns:components="clr-namespace:YourAppName.Components"
       x:Class="YourAppName.AppShell">

    <!-- 全局顶部得分栏 -->
    <Shell.TitleView>
        <components:ScoreBar />
    </Shell.TitleView>

    <!-- 路由定义 -->
    <FlyoutItem Title="首页">
        <ShellContent ContentTemplate="{DataTemplate local:HomePage}" />
    </FlyoutItem>
    <FlyoutItem Title="游戏">
        <ShellContent ContentTemplate="{DataTemplate local:PlayPage}" />
    </FlyoutItem>
    <FlyoutItem Title="教程">
        <ShellContent ContentTemplate="{DataTemplate local:TutorialPage}" />
    </FlyoutItem>
</Shell>

优点：完全消除多实例问题，UI统一，适合全局固定的得分栏场景。

方案3：单例服务绑定（适配DI架构） #

如果你已经在用依赖注入，可将得分服务注册为单例，让所有得分栏绑定同一个服务实例：

步骤1：注册单例服务 #

在MauiProgram.cs中注册单例服务：

builder.Services.AddSingleton<IScoreService, ScoreService>();

步骤2：实现带通知的得分服务 #

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

namespace YourAppName.Services
{
    public interface IScoreService
    {
        int Score { get; set; }
        event PropertyChangedEventHandler PropertyChanged;
    }

    public class ScoreService : IScoreService, INotifyPropertyChanged
    {
        private int _score;
        public int Score
        {
            get => _score;
            set
            {
                if (_score != value)
                {
                    _score = value;
                    OnPropertyChanged();
                }
            }
        }

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

步骤3：得分栏绑定服务 #

在ScoreBar的构造函数中注入服务并设置为BindingContext：

public ScoreBar(IScoreService scoreService)
{
    InitializeComponent();
    BindingContext = scoreService;
}

XAML中直接绑定：

<Label Text="{Binding Score}" ... />

优点：适配现有DI架构，无需手动维护单例，所有实例自动同步。

为什么之前的主页面方案失效？ #

MAUI 8预览版存在部分绑定API的兼容性问题，而上述方案均使用了MAUI基础绑定机制（x:Static、DI注入、全局布局），避开了TemplateBinding和RelativeBindingSource的坑，在预览版中可正常运行。

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