遵循 MVVM 模式动态创建控件

Question

我想在我的 silverlight 应用程序中动态生成一些控件。
更清楚地说，这是我的类的简化定义：

public class TestClass
{
    [Display(Name="First Name")]
    public string FirstName { get; set; }

    [Display(Name = "Last Name")]
    public string LastName { get; set; }

    public List<CustomProperty> CustomProperties { get; set; }
}

每个“CustomProperty”最终将是一个 TextBox、CheckBox 或 ComboBox：

public class CustomProperty
{
    public CustomDataType DataType { get; set; } //enum:integer, string, datetime, etc
    public object Value { get; set; }
    public string DisplayName { get; set; }
    public string Mappings { get; set; } // Simulating enums' behavior.
}

• 使用 MVVM 模式实现此功能的最佳方法是什么？如果我解析 ViewModel 中的 CustomProperties，并找出应创建哪些控件，如何基于 MVVM 模式在视图中创建新控件。

• 是否有任何 silverlight 控件可以帮助我使 UI 更快？

• 我可以通过编程方式定义数据注释吗？例如，在解析自定义属性之后，我可以向该属性添加一些数据注释（显示、验证）并将其绑定到 DataForm、PropertyGrid 或针对这种情况的有用控件吗？

谢谢。

Answer 1

在这些情况下，您通常使用继承自 ItemsControl 的控件之一（例如 ListBox）或直接使用 ItemsControl。继承自 ItemsControl 的控件允许您为集合中的每个项目定义一个模板，例如使用示例（假设您通过视图模型访问 TestClass）：

<ListBox ItemsSource="{Binding TestClass.CustomProperties }">
    <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        </Style>
    </ListBox.ItemContainerStyle>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <!--DataContext is stet to item in the ItemsSource (of type CustomProperty)-->
            <StackPanel>
                <TextBlock Text="{Binding DisplayName}"/>
                <TextBox Text="{Binding Value}"/>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

此代码段创建一个 ListBox，其中包含 CustomProperties 集合中每个 CustonProperty 的标签和文本框。