WPF 布局和特定的“数据绑定”

Question

我正在编写一个 WPF 95% GUI 应用程序，并且需要特定的快捷方式图标行为。 一张图像有时比（很多）文字更好，所以这是基本布局： （作为新用户，无法附加图像...）

http://imageshack。 us/f/705/appb.jpg/

- 底部子菜单中的每个图标代表应用程序中的一个控制“页面” - 固定图标。 - 左侧的图标是快捷方式 - 最近的和收藏的 - 根据底部图标的点击。 -我使用堆栈面板作为容器，并且项目数量是固定的。 - 每个控件集都有它自己的上下文菜单。

我想要完成的任务如下： 当用户单击底部菜单中的某个项目时，我希望它“神奇地出现”在“最近”面板中。当用户在“最近”面板上单击“删除”（上下文菜单）时，我需要（右键单击）图标消失。

现在我的（工作）解决方案非常麻烦，我确信存在一个优雅的解决方案。

非常感谢任何建议， 丹尼尔.

Answer 1

我假设您为此使用 MVVM 模式？如果没有，你应该是。

因此，假设您使用 MVVM，这样的操作对您有用：

class BottomPanelViewModel
{
    public BottomPanelViewModel()
    {
        Items = new ObservableCollection<PageViewModel>();
        ItemsView = new ListCollectionView(Items);
        ItemsView.CurrentChanged += SelectionChanged;
    }

    public ObservableCollection<PageViewModel> Items { get; private set; }
    public ListCollectionView ItemsView { get; private set; }

}    

class RecentPanelViewModel
{
    public RecentPanelViewModel()
    {
        Items = new ObservableCollection<PageViewModel>();
    }

    public ObservableCollection<PageViewModel> Items { get; private set; }
}

class WindowViewModel
{
    public WindowViewModel()
    {
        BottomPanel = new BottomPanelViewModel();
        RecentPanel = new RecentPanelViewModel();

        BottomPanel.CurrentChanged +=  (s, e) =>
        {
            RecentPanel.Items.Add(BottomPanel.ItemsView.CurrentItem);
        };
    }

    public BottomPanelViewModel BottomPanel { get; private set; }
    public RecentPanelViewModel RecentPanel { get; private set; }
}

在窗口构造函数中，创建一个 WindowViewModel 实例并将其用作 DataContext：

public Window()
{
    InitializeComponent();
    DataContext = new WindowViewModel();
}

然后在 XAML 中，您可以绑定到 WindowViewModel 的属性：

<Window ...>
    <DockPanel>
        <ListBox DockPanel.Dock="Bottom" 
                 ItemsSource="{Binding BottomPanel.ItemsView}"
                 IsSynchronizedWithCurrentItem="True"/>
        <ListBox DockPanel.Dock="Left" 
                 ItemsSource="{Binding RecentPanel.Items}"/>
    </DockPanel>
</Window>

说明： WindowViewModel 包含一个BottomPanelViewModel 和一个RecentPanelViewModel。每个都包含一个 ObservableCollection of Items，底部面板还公开一个集合视图。集合视图允许我们跟踪 UI 中的当前选择。

我在示例 XAML 中使用简单的 ListBox，但您可以使用您喜欢的任何 ItemsControl。

当底部面板中的选择发生变化时，窗口视图模型会听到此消息并将所选项目添加到最近面板的 ObservableCollection 中。显然，您需要在此处添加逻辑来检查重复项等。