在 UserControl 中实现 DataTemplate DependencyProperty

Question

我正在尝试使用 Expression Blend 4 在 Silverlight 4 中的 UserControl 中创建一个 intertia 触摸滚动列表。我已经在我的 UserControl 中创建了依赖属性，我想像 ListBox 一样工作。 ItemSource 是我想在我的列表中显示的对象列表，而 datatemplate 是它应该显示的方式。

如何在我的 UserControl 中处理这些属性？我有一个 StackPanel，应该在其中添加所有数据模板，以显示 c 的数据。

当循环通过 ItemSource 以将它们添加到列表 (StackPanel) 时，如何将 IEnumerable 中的数据应用到 DataTemplate。

        public static readonly DependencyProperty ItemsSourceProperty = DependencyProperty.Register("ItemsSource", typeof(IEnumerable), typeof(InertiaScrollBox), null); 
    public IEnumerable ItemsSource
    {
        get{ return (IEnumerable)GetValue(ItemsSourceProperty); }
        set{ SetValue(ItemsSourceProperty, value); }
    }

    public static readonly DependencyProperty ItemTemplateProperty = DependencyProperty.Register("ItemTemplate", typeof(DataTemplate), typeof(InertiaScrollBox), null);
    public DataTemplate ItemTemplate
    {
        get { return (DataTemplate)GetValue(ItemTemplateProperty); }
        set { SetValue(ItemTemplateProperty, value); }
    }

这有点难以解释，但希望您能理解，否则请询问。提前致谢

Answer 1

如果不处理它们的更改，依赖属性将毫无用处。 首先，您应该添加 PropertyChanged 回调。在我的示例中，我将它们内联并调用 UpdateItems 私有方法。

public static readonly DependencyProperty ItemsSourceProperty =
DependencyProperty.Register("ItemsSource", typeof(IEnumerable), typeof(InertiaScrollBox), 
    new PropertyMetadata((s, e) => ((InertiaScrollBox)s).UpdateItems()));

public static readonly DependencyProperty ItemTemplateProperty = 
DependencyProperty.Register("ItemTemplate", typeof(DataTemplate), typeof(InertiaScrollBox), 
    new PropertyMetadata((s, e) => ((InertiaScrollBox)s).UpdateItems()));

然后您可以调用DataTemplate 类的LoadContent 方法并将ItemsSource 中的一个项目作为DataContext 设置为返回的可视元素：

private void UpdateItems()
{
    //Actually it is possible to use only the ItemsSource property,
    //but I would rather wait until both properties are set
    if(this.ItemsSource == null || this.ItemTemplate == null)
        return;

    foreach (var item in this.ItemsSource)
    {
        var visualItem = this.ItemTemplate.LoadContent() as FrameworkElement;
        if(visualItem != null)
        {
            visualItem.DataContext = item;
            //Add the visualItem object to a list or StackPanel
            //...
        }
    }
}