Xamarin.Forms中TabbedPage如何复用CommonToolbarPage的全局ToolbarItem

嘿，这个情况我太熟了！因为TabbedPage和ContentPage都是直接继承自Page的平行类，没法让TabbedPage直接继承你的CommonToolbarPage。不过我们可以把Toolbar的复用逻辑从ContentPage子类里抽离出来，让任何Page类型都能用上。下面给你几个实用的方案：

方案1：抽离Toolbar初始化逻辑为工具类/扩展方法 #

最直接的办法就是把你Init方法里的Toolbar创建逻辑单独拎出来，做成一个可复用的工具方法，这样不管是ContentPage还是TabbedPage都能调用它。

第一步：创建Toolbar工具类 #

public static class ToolbarHelper
{
    public static void AddCommonToolbarItems(this Page page)
    {
        // 把你原来Init方法里的代码移到这里
        page.ToolbarItems.Add(new ToolbarItem() 
        { 
            Icon = "your_icon.png",
            Text = "你的按钮文本",
            Command = new Command(() => 
            {
                // 这里放按钮点击逻辑
            })
        });
        // 可以继续添加更多统一的ToolbarItem
    }
}

第二步：改造CommonToolbarPage #

让你的CommonToolbarPage调用这个工具方法，保持原来的功能：

public class CommonToolbarPage : ContentPage 
{ 
    public CommonToolbarPage() : base() 
    { 
        this.AddCommonToolbarItems();
    } 
}

第三步：在TabbedPage里使用 #

现在你的Main页面（TabbedPage）就可以直接在构造函数里调用这个方法了：

public class MainPage : TabbedPage
{
    public MainPage()
    {
        InitializeComponent();
        this.AddCommonToolbarItems();
    }
}

方案2：使用Behavior（行为）实现复用 #

Xamarin.Forms的Behavior可以让我们把UI逻辑和页面分离，非常适合这种跨页面类型的复用场景。

第一步：创建Toolbar行为类 #

public class CommonToolbarBehavior : Behavior<Page>
{
    protected override void OnAttachedTo(Page page)
    {
        base.OnAttachedTo(page);
        // 添加统一的ToolbarItem
        page.ToolbarItems.Add(new ToolbarItem()
        {
            Icon = "your_icon.png",
            Text = "你的按钮文本",
            Command = new Command(() =>
            {
                // 点击逻辑
            })
        });
    }

    protected override void OnDetachingFrom(Page page)
    {
        // 记得清理，避免内存泄漏
        var toolbarItem = page.ToolbarItems.FirstOrDefault(t => t.Text == "你的按钮文本");
        if(toolbarItem != null)
        {
            page.ToolbarItems.Remove(toolbarItem);
        }
        base.OnDetachingFrom(page);
    }
}

第二步：在XAML里引用行为 #

不管是ContentPage还是TabbedPage，都可以直接在XAML里附加这个行为：

<!-- CommonToolbarPage的XAML -->
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:你的命名空间"
             x:Class="你的命名空间.CommonToolbarPage">
    <ContentPage.Behaviors>
        <local:CommonToolbarBehavior />
    </ContentPage.Behaviors>
    <!-- 页面内容 -->
</ContentPage>

<!-- MainPage（TabbedPage）的XAML -->
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:你的命名空间"
             x:Class="你的命名空间.MainPage">
    <TabbedPage.Behaviors>
        <local:CommonToolbarBehavior />
    </TabbedPage.Behaviors>
    <!-- 子页面 -->
</TabbedPage>

这样一来，不管是哪种Page类型，只要附加这个行为，就能自动拥有统一的ToolbarItem了。

额外小提示 #

如果你的TabbedPage本身不需要Toolbar，而是想让它的所有子页面都用CommonToolbarPage，那更简单——直接让每个子页面继承CommonToolbarPage就行，TabbedPage会自动显示当前活跃子页面的Toolbar。

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