使用 Prism 激活/停用工具栏按钮

Question

我正在学习 Prism 框架，并且已经取得了一些进展。但我想知道如何创建工具栏（和上下文菜单），其中每个模块都可以注册自己的按钮。

对于此示例，我希望所有按钮都驻留在位于我的 Shell 中的同一个 ToolBar 控件中。 ToolBars ItemsSource 绑定到视图模型中 ObservableCollection 类型的 ToolBarItems 属性。可以使用 ToolBarRegistry 服务将元素添加到此集合中。这是 ViewModel：

public class ShellViewModel
{
    private IToolBarRegistry _toolBarRegistry;
    private ObservableCollection<FrameworkElement> _toolBarItems;

    public ShellViewModel()
    {
        _toolBarItems = new ObservableCollection<FrameworkElement>();
        _toolBarRegistry = new ToolBarRegistry(this);
    }

    public ObservableCollection<FrameworkElement> ToolBarItems
    {
        get { return _toolBarItems; }
    }
}

请注意，如果这是正确的解决方案，FrameworkElement 类型的集合将被重构为更具体的类型。

我的 ToolBarRegistry 有一个注册图像按钮的方法：

public void RegisterImageButton(string imageSource, ICommand command)
{
    var icon = new BitmapImage(new Uri(imageSource));

    var img = new Image();
    img.Source = icon;
    img.Width = 16;

    var btn = new Button();
    btn.Content = img;
    btn.Command = command;

    _shellViewModel.ToolBarItems.Add(btn);
}

我从我的 OrderModule 调用此方法，并且按钮正确显示。到目前为止，一切都很好。

问题是我如何控制何时再次删除这些按钮。如果我导航到另一个模块中的视图（有时是同一模块中的另一个视图），我希望再次隐藏这些特定于模块的按钮。

您对如何执行此操作有什么建议吗？我是否以错误的方式处理这个问题，或者我可以修改我已有的内容吗？你是如何解决这个问题的？

Answer 1

我不会在 ObservableCollection 中插入 Button 实例。考虑一下这种方法：

为工具栏按钮创建 ViewModel

class ToolBarButtonViewModel : INotifyPropertyChanged
{
    // INotifyPropertyChanged implementation to be provided by you

    public string ImageSource { get; set; }
    public ICommand Command { get; set; }
    public bool IsVisible { get; set; }
}

然后当然将 ToolBarItems 的类型更改为这些按钮的集合。

在 ShellView 中，为 ToolBarButtonViewModel 添加一个 DataTemplate，并将工具栏控件的 ItemsSource 绑定到集合例如：

<DataTemplate>
    <Button Command="{Binding Command}">
        <Button.Content>
            <Image Source="{Binding ImageSource}" />
        </Button.Content>
    </Button>
</DataTemplate>

您现在可以使用 BooleanToVisibilityConverter 来解决您眼前的问题。

作为额外的好处，您还可以：

• 完全从 XAML 更改工具栏按钮的视觉外观
• 将工具栏按钮的可视化树的任何属性绑定到 ToolBarButtonViewModel 上的相应属性

更新启用

/禁用按钮取决于您的应用程序的具体情况。有很多选项 - 这里有一些（保留 此图表）：

• 实施 INavigationAware 在您的视图或 ViewModel 中，并根据需要启用/禁用按钮
• 将处理程序附加到 IRegionNavigationService 的事件 感兴趣的区域，并让处理程序启用或禁用按钮
• 通过您自己的代码 (CustomNavigationService) 路由所有导航，并决定在其中执行什么操作