棱镜项目结构给出了GUI设计

Question

我有以下GUI设计，问题是红色的。

基本上我顶部有一个色带，下面有一个主要区域。你可以看到主要区域 包含很多窗格。这些都是可浮动的，可停靠的所有好东西。我会用AvalonDock。 所以，我的主要问题是关于图像，但它们更有意义开始 一个对话。我相信你们已经做了类似的事情，可以分享与此相关的东西。

为了清楚起见，我使用visual studio 2012，c＃，wpf，prism和avalondock。我当然会尝试组织 根据MVVM模式的事情。

Answer 1

功能区：这取决于。您是要在功能区中添加和删除部分吗？无论是在跑步还是从发展的角度来看。如果是，则根据需要将功能区拆分为View / ViewModels。如果不是，那么只需为整个功能区域创建一个View / ViewModel。

是的，您需要这些部分的单独View / ViewModel。也可以考虑使用DockPanel来建立组件。

我将为功能区提供MenuRegion，为下面提供Workspace区域。在工作区视图中，我将创建布局并将每个布局分配给其自己的Region，该Region具有相应的View / ViewModel。

Answer 2

是的，您对每个地区的单独视图都是正确的。 如果你使用某个功能区控件说，从Windows本身（System.Windows.Controls.Ribbon）。然后该库为您提供了不同类型的button / ribbonbutton / dropdownbutton等控件。

现在AvalonDock v2.0已经发布，它对MVVM模式有更好的支持，而v1.3则不是这样。

由于您计划使用PRISM，因此您可以使用随其提供的区域适配器在各自的区域中托管您的视图。你应该能够找到足够的样品。我试图从AvalonDock项目中快速找到一个。

http://avalondock.codeplex.com/releases/view/92210

我希望它有所帮助！