Silverlight 5隐式数据窗口和ContentPresenter绑定MVVM

时间:2012-08-14 23:18:56

标签: silverlight data-binding

所以我有一组可能是多种类型的对象。 例如,带有B的基类,以及后代C,D,E。

所有这些都将在ItemsControl中,但是具有自定义(某种程度上是随机的)逻辑。因此,我在XAML中创建一个ItemsControl,指定DataTemplates将它们绑定到类型,让Silverlight隐式datatemplate引擎处理其余的。

ItemsControl演示者内部元素的位置在某种程度上是随机的,并且仅在运行时作为元素本身的依赖属性(Base类的一部分)可用。

我的问题是默认情况下ItemsControl将项目包装在ContentPresenter对象中,因此在数据模板中设置Canvas.Left和Canvas.Top无效。因为这应该在ContentPresenter级别上设置。但是,如果我定义ContentPresenter样式,则其数据源是ItemsControl本身,而不是项目。因此,我无法以这种方式约束物品的位置。

任何想法,如何将项目位置属性绑定到ContentPresenters Canvas.Left属性?

在代码中:

<ItemsControl HorizontalAlignment="Stretch" Grid.Row="0" Grid.ColumnSpan="3"
                  x:Name="CardItems" ItemsSource="{Binding CardList}" ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                  ScrollViewer.VerticalScrollBarVisibility="Disabled">
        <i:Interaction.Triggers>
            <i:EventTrigger EventName="SizeChanged">
                <ei:CallMethodAction MethodName="WndSizeChanged" TargetObject="{Binding}" />
            </i:EventTrigger>
        </i:Interaction.Triggers>
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <Canvas/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
    </ItemsControl>
<UserControl.Resources>
    <DataTemplate DataType="Card:AdCardViewModel">
        <Canvas d:DesignHeight="300" d:DesignWidth="150" Width="{Binding CardSize.Width}" Height="{Binding CardSize.Height}" Background="Red">
            <Canvas.Projection>
                <PlaneProjection RotationY="{Binding Path=Rotation}"/>
            </Canvas.Projection>
            <Viewbox>
                <StackPanel>
                    <StackPanel.Background>
                        <SolidColorBrush Color="{StaticResource OriginalRecommendationColor}"/>
                    </StackPanel.Background>
                    <TextBlock Text="{Binding AdCard}" Foreground="CadetBlue"/>
                </StackPanel>
            </Viewbox>
        </Canvas>
    </DataTemplate>
</UserControl.Resources>

PS。我正在使用MVVM Light,所以我宁愿避免使用代码隐藏文件。

LE:

这似乎有效,但由于某种原因,Visual Studio Intellisense对此并不了解。运行时似乎没问题,但在设计时没什么。任何想法,如何使所有这些在Blend中工作?

          <ItemsControl.Resources>
            <Style TargetType="ContentPresenter">
                <Setter Property="Canvas.Left"  Value="{Binding  Path=Position.Height}"/>
                <Setter Property="Canvas.Top"  Value="{Binding  Path=Position.Width}"/>
                <Setter Property="Width" Value="Auto"/>
                <Setter Property="Height" Value="Auto"/>
                <Setter Property="HorizontalAlignment" Value="Stretch"/>
                <Setter Property="VerticalAlignment" Value="Stretch"/>
            </Style>
        </ItemsControl.Resources>

viewModelLocator:

    static ViewModelLocator()
    {
        ServiceLocator.SetLocatorProvider(() => SimpleIoc.Default);

        // Step #1 - Register the data providing services, design and runtime versions
        if (ViewModelBase.IsInDesignModeStatic)
        {
            SimpleIoc.Default.Register<ICardService, DesignCardService>();
        }
        else
        {

            SimpleIoc.Default.Register<ICardService, CardService>();

        }

        // Step#2 Register the ViewModels
        SimpleIoc.Default.Register<CardSlideShowViewModel>();
    }


    /// <summary>
    ///     Gets the Video property.
    /// </summary>
    [SuppressMessage("Microsoft.Performance",
        "CA1822:MarkMembersAsStatic",
        Justification = "This non-static member is needed for data binding purposes.")]
    public CardSlideShowViewModel CardSlideShowSlideShow
    {
        get { return ServiceLocator.Current.GetInstance<CardSlideShowViewModel>(); }
    }

谢谢,

2 个答案:

答案 0 :(得分:0)

设计时间视图模型应该可以解决问题。 您只需要创建运行时vm的简单表示 - 在其构造函数中初始化CardViewModel集合。

然后在设计时绑定ViewModel,如下所示:

<UserControl x:Class="MyView"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         d:DataContext="{d:DesignInstance local:MyViewModel,
                                          IsDesignTimeCreatable=True}"

答案 1 :(得分:0)

嗯,不是真的答案,但是我最接近这个。在我看来,VS 2010并不支持这一点。但它适用于VS 2012.所以如果你可以进行升级。