Xamarin Forms+Prism+DryIoc下ToolbarItems的MVVM优雅绑定方案咨询

嘿，我之前在Prism结合DryIoc的Xamarin项目里刚好踩过同样的坑，完全懂你想要那种不搞“临时方案”的优雅实现——毕竟MVVM就是要把视图和逻辑彻底分开对吧？直接说亲测有效的绑定方法：

核心思路：用ObservableCollection + BindableLayout实现纯绑定 #

Xamarin.Forms的ToolbarItems本身没有ItemsSource属性，但我们可以通过BindableLayout来实现集合绑定，完全不需要代码后置的“取巧操作”。

步骤1：在ViewModel中定义ToolbarItems集合

首先在你的ViewModel（继承自Prism的BindableBase）里定义一个ObservableCollection<ToolbarItem>属性，集合的增删变化会自动通知UI更新：

using Prism.Commands;
using Prism.Mvvm;
using System.Collections.ObjectModel;
using Xamarin.Forms;

public class MainPageViewModel : BindableBase
{
    // 定义ToolbarItems集合
    public ObservableCollection<ToolbarItem> PageToolbarItems { get; } = new ObservableCollection<ToolbarItem>();

    // 示例命令
    public ICommand RefreshCommand => new DelegateCommand(ExecuteRefresh);

    public MainPageViewModel()
    {
        // 初始化ToolbarItem，直接绑定ViewModel中的命令
        PageToolbarItems.Add(new ToolbarItem
        {
            Text = "刷新",
            Command = RefreshCommand,
            IconImageSource = "refresh_icon.png" // 替换成你的图标资源
        });

        // 可以添加更多ToolbarItem
        PageToolbarItems.Add(new ToolbarItem
        {
            Text = "设置",
            Command = new DelegateCommand(ExecuteSettings)
        });
    }

    private void ExecuteRefresh()
    {
        // 这里写刷新逻辑
    }

    private void ExecuteSettings()
    {
        // 这里写设置页面导航逻辑（可注入Prism的INavigationService实现）
    }
}

如果后续需要替换整个集合（而非仅增删项），可以把属性改成带SetProperty的实现：

private ObservableCollection<ToolbarItem> _pageToolbarItems;
public ObservableCollection<ToolbarItem> PageToolbarItems
{
    get => _pageToolbarItems;
    set => SetProperty(ref _pageToolbarItems, value);
}

// 构造函数里初始化
public MainPageViewModel()
{
    _pageToolbarItems = new ObservableCollection<ToolbarItem>();
    // 添加ToolbarItem...
}

步骤2：在XAML中绑定ToolbarItems

在你的ContentPage里，通过BindableLayout把ToolbarItems和ViewModel的集合绑定起来，同时确保开启Prism的ViewModel自动关联：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:prism="http://prismlibrary.com/"
             x:Class="YourAppNamespace.Views.MainPage"
             <!-- 开启Prism的ViewModel自动绑定 -->
             prism:ViewModelLocator.AutowireViewModel="True">

    <!-- 绑定ToolbarItems -->
    <ContentPage.ToolbarItems>
        <BindableLayout.ItemsSource>
            <Binding Path="PageToolbarItems" />
        </BindableLayout.ItemsSource>
        <!-- 可选：如果ToolbarItem的属性需要动态绑定，用ItemTemplate -->
        <BindableLayout.ItemTemplate>
            <DataTemplate>
                <ToolbarItem Text="{Binding Text}"
                             Command="{Binding Command}"
                             IconImageSource="{Binding IconImageSource}"
                             IsEnabled="{Binding IsEnabled}" />
            </DataTemplate>
        </BindableLayout.ItemTemplate>
    </ContentPage.ToolbarItems>

    <!-- 页面主体内容 -->
    <StackLayout>
        <!-- ... -->
    </StackLayout>
</ContentPage>

常见问题排查（为什么你之前绑定失败？） #

• 忘记开启ViewModel自动关联：必须设置prism:ViewModelLocator.AutowireViewModel="True"，否则页面找不到ViewModel的属性
• 集合未用ObservableCollection：普通的List<T>不会通知UI更新，一定要用ObservableCollection<ToolbarItem>
• 命令未正确绑定：确保ToolbarItem的Command指向ViewModel中定义的ICommand实例（比如Prism的DelegateCommand）

进阶：传递命令参数 #

如果需要给ToolbarItem的命令传参，用Prism的DelegateCommand<T>即可：

ViewModel里：

public ICommand NavigateCommand => new DelegateCommand<string>(ExecuteNavigate);

private void ExecuteNavigate(string targetPage)
{
    // 用Prism的INavigationService导航（需要在构造函数注入）
    _navigationService.NavigateAsync(targetPage);
}

XAML里的ToolbarItem绑定：

<ToolbarItem Text="跳转详情"
             Command="{Binding NavigateCommand}"
             CommandParameter="DetailPage" />

这种方式完全符合MVVM的设计原则，没有任何“取巧”的代码后置操作，而且和Prism、DryIoc的集成非常顺畅。

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