Xamarin Forms如何实现全局Toolbar？MVVM模式下的问题求助

先聊聊你之前两种尝试的问题所在：

方法1的问题 #

你在资源字典里定义了完整的ContentPage，然后试图通过绑定它的BindingContext来添加工具栏项——这完全不是正确的复用逻辑。ToolbarItems是一个集合，你需要复用的是这个集合本身，而不是把整个页面当成资源绑定给单个ToolbarItem，这直接导致工具栏项没有被正确添加到页面的集合中，自然看不到菜单（只能听到点击声是因为绑定了无效的上下文，但没有实际的可交互元素）。

方法2的问题 #

让CartViewModel继承ContentPage完全违背了MVVM的核心原则！ViewModel的职责是处理业务逻辑和数据，它绝对不应该依赖任何UI层的类（比如ContentPage），这种混合会让代码耦合度极高，彻底失去MVVM的意义。

接下来给你几个可行的、符合MVVM规范的解决方案：

方案1：自定义基类ContentPage（最简单直接） #

创建一个包含全局Toolbar的基类页面，所有需要全局工具栏的业务页面都继承它：

public class BaseToolbarPage : ContentPage
{
    public BaseToolbarPage()
    {
        AddGlobalToolbarItems();
    }

    private void AddGlobalToolbarItems()
    {
        ToolbarItems.Add(new ToolbarItem
        {
            Text = "Moje dane",
            Order = ToolbarItemOrder.Secondary,
            Priority = 1
        });
        ToolbarItems.Add(new ToolbarItem
        {
            Text = "Wyloguj",
            Order = ToolbarItemOrder.Secondary,
            Priority = 1
        });
        ToolbarItems.Add(new ToolbarItem
        {
            Text = "Do Strony Testowej",
            Order = ToolbarItemOrder.Secondary,
            Priority = 1
        });
        ToolbarItems.Add(new ToolbarItem
        {
            Text = "Checkout",
            Order = ToolbarItemOrder.Secondary,
            Priority = 1
        });
    }
}

然后你的业务页面直接继承这个基类即可：

<local:BaseToolbarPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:YourAppNamespace"
             x:Class="YourAppNamespace.CartPage">
    <!-- 页面内容区域 -->
</local:BaseToolbarPage>

ViewModel依旧正常实现INotifyPropertyChanged，和页面完全分离，完美符合MVVM模式。如果需要给ToolbarItem绑定命令，直接在基类里给对应的项绑定ViewModel的命令即可：

// 示例：给Wyloguj项绑定命令
var logoutItem = new ToolbarItem
{
    Text = "Wyloguj",
    Order = ToolbarItemOrder.Secondary,
    Priority = 1
};
logoutItem.SetBinding(ToolbarItem.CommandProperty, new Binding(nameof(YourViewModel.LogoutCommand)));
ToolbarItems.Add(logoutItem);

方案2：使用附加属性（灵活控制） #

如果不想让所有页面都继承同一个基类，可以用附加属性来选择性地给页面开启全局Toolbar：

public static class GlobalToolbarHelper
{
    public static readonly BindableProperty EnableGlobalToolbarProperty =
        BindableProperty.CreateAttached(
            "EnableGlobalToolbar",
            typeof(bool),
            typeof(GlobalToolbarHelper),
            false,
            propertyChanged: OnEnableChanged);

    public static bool GetEnableGlobalToolbar(BindableObject view)
    {
        return (bool)view.GetValue(EnableGlobalToolbarProperty);
    }

    public static void SetEnableGlobalToolbar(BindableObject view, bool value)
    {
        view.SetValue(EnableGlobalToolbarProperty, value);
    }

    private static void OnEnableChanged(BindableObject bindable, object oldValue, object newValue)
    {
        if (bindable is ContentPage page && (bool)newValue)
        {
            // 添加全局工具栏项
            page.ToolbarItems.Add(new ToolbarItem { Text = "Moje dane", Order = ToolbarItemOrder.Secondary, Priority = 1 });
            page.ToolbarItems.Add(new ToolbarItem { Text = "Wyloguj", Order = ToolbarItemOrder.Secondary, Priority = 1 });
            // 其他项...
        }
    }
}

然后在需要全局Toolbar的页面XAML里添加这个附加属性：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:YourAppNamespace"
             local:GlobalToolbarHelper.EnableGlobalToolbar="True"
             x:Class="YourAppNamespace.CartPage">
    <!-- 页面内容区域 -->
</ContentPage>

这个方案更灵活，你可以根据需求给不同页面开启或关闭全局Toolbar，同时完全遵守MVVM的分离原则。

方案3：使用Behavior（动态可移除） #

和附加属性类似，用Behavior来给页面注入全局Toolbar，还能在页面销毁时移除项避免内存泄漏：

public class GlobalToolbarBehavior : Behavior<ContentPage>
{
    private List<ToolbarItem> _globalItems;

    protected override void OnAttachedTo(ContentPage page)
    {
        base.OnAttachedTo(page);
        _globalItems = new List<ToolbarItem>
        {
            new ToolbarItem { Text = "Moje dane", Order = ToolbarItemOrder.Secondary, Priority = 1 },
            new ToolbarItem { Text = "Wyloguj", Order = ToolbarItemOrder.Secondary, Priority = 1 },
            // 其他项...
        };

        foreach (var item in _globalItems)
        {
            page.ToolbarItems.Add(item);
        }
    }

    protected override void OnDetachingFrom(ContentPage page)
    {
        // 移除全局工具栏项，避免内存泄漏
        foreach (var item in _globalItems)
        {
            page.ToolbarItems.Remove(item);
        }
        base.OnDetachingFrom(page);
    }
}

然后在页面XAML里添加这个Behavior：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:YourAppNamespace"
             x:Class="YourAppNamespace.CartPage">
    <ContentPage.Behaviors>
        <local:GlobalToolbarBehavior />
    </ContentPage.Behaviors>
    <!-- 页面内容区域 -->
</ContentPage>

这个方案适合需要动态添加/移除全局Toolbar的场景，灵活性拉满。

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