2

我有一套现有的 Silverlight 应用程序，使用 MVVM 模式来分离视图和视图模型。我们使用 Unity 2.0 作为 IoC 容器将依赖项注入 ViewModel 类（和支持类型）。我有一个现有的 ViewModelLocator 类，它使用 Unity Container 来解析 ViewModel。

所有这些在运行时都运行良好；但是，由于 ViewModelLocator 依赖于由 App.xaml.cs 中的 Application_Start 方法“运行”的 Bootstrapper 类创建和配置的 Unity 容器，因此我无法在设计器或 Blend 中打开视图.

我正在寻找如何重新设计 ViewModelLocator 以支持“可混合性”的建议。

请注意，我不愿意仅仅为了可混合性而强制我们的 ViewModel 类实现默认的无参数构造函数。我们还让 ViewModel 检查 IsInDesignMode 属性（来自 MVVM Light ViewModelBase 类）以提供设计时数据而不是进行服务调用，因此我们在设计时和运行时没有不同的 ViewModel 实现。

让我知道你的想法。

4

1 回答 1

2

您希望 UI 元素具有良好的设计时体验（包括在 Blend 中）。这听起来像是一个合理的目标。

让我们看看什么是 UI 元素。对于这个答案的其余部分，我将把它称为控件。控件的职责是呈现 UI 并响应用户事件。只要它应该有行为，它就应该只有与 UI 渲染和用户事件相关的行为。

除此之外，框架本身（Silverlight 和 WPF）强加了一条规则：所有控件都必须有一个默认构造函数。此外，由于DataContext是一个属性，分配它是可选的。

我们应该牢记封装。我们开发的任何控件都应该在上面给出的约束内很好地工作。这意味着，除了具有默认构造函数之外，它还应该在没有 DataContext 的情况下正常工作。换句话说，Blendability 体验应该由 Control 本身提供，而不是任何需要引导以分配DataContext.

当控件必须响应用户事件时，我总是发现ICommand界面绰绰有余。附加ICommands到控件中的任何适用的事件处理程序。由ICommands视图模型定义，但ICommand它的优点在于它基本上是一个 void 方法，这意味着在DataContext为空的情况下提供（无操作）本地默认值是微不足道的。但是，这很少有必要，因为设计人员不会调用命令。

这是我书中的一个例子：

<Window x:Class="Ploeh.Samples.ProductManagement.WpfClient.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Product Management"
        Height="300"
        Width="300"
        MinHeight="300"
        MinWidth="300">
    <Window.Resources>
        <Style x:Key="ProductStyle" TargetType="{x:Type ListViewItem}">
            <Setter Property="IsSelected" Value="{Binding Path=IsSelected, Mode=TwoWay}" />
        </Style>
    </Window.Resources>
    <DockPanel FocusManager.FocusedElement="{Binding ElementName=productsListView}">
        <Menu DockPanel.Dock="Top">
            <MenuItem Header="_File">
                <Separator />
                <MenuItem Header="E_xit" Command="{Binding Path=CloseCommand}" />
            </MenuItem>
            <MenuItem Header="_Actions">
                <MenuItem Header="_Refresh" InputGestureText="F5" Command="{Binding Path=RefreshCommand}" />
                <MenuItem Header="_Add Product" InputGestureText="Ins" Command="{Binding Path=InsertProductCommand}" />
                <MenuItem Header="_Edit Product" InputGestureText="Enter" Command="{Binding Path=EditProductCommand}" />
                <MenuItem Header="_Delete Product" InputGestureText="Del" Command="{Binding Path=DeleteProductCommand}" />
            </MenuItem>
        </Menu>
        <ToolBarTray DockPanel.Dock="Top" HorizontalAlignment="Stretch">
            <ToolBar HorizontalAlignment="Stretch" HorizontalContentAlignment="Left">
                <Button Command="{Binding Path=RefreshCommand}">Refresh</Button>
                <Button Command="{Binding Path=InsertProductCommand}">Add</Button>
                <Button Command="{Binding Path=EditProductCommand}">Edit</Button>
                <Button Command="{Binding Path=DeleteProductCommand}">Delete</Button>
            </ToolBar>
        </ToolBarTray>
        <ListView x:Name="productsListView" ItemContainerStyle="{StaticResource ProductStyle}" ItemsSource="{Binding Path=Products}" SelectionMode="Single">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="Id" DisplayMemberBinding="{Binding Path=Id}" />
                    <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Path=Name}" />
                    <GridViewColumn Header="Price" DisplayMemberBinding="{Binding Path=UnitPrice}" />
                </GridView>
            </ListView.View>
        </ListView>
    </DockPanel>
</Window>

和代码隐藏：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        this.InitializeComponent();
    }
}
于 2011-09-01T07:14:47.973 回答