2012-08-14 50 views
1

所以我有一个可能是多种类型的对象的集合。 例如一个带B的基类,以及后代C,D,E。Silverlight 5隐式数据模板和ContentPresenter绑定MVVM

所有这些都将在ItemsControl中,但是使用自定义(某种随机)逻辑。因此,我在XAML中创建一个ItemsControl,指定DataTemplates将它们绑定到类型,并让Silverlight隐式数据模板引擎处理其余部分。

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智能感知还没有关于它的想法。运行时似乎没问题,但是在设计时没有任何问题。任何想法,如何使这一切都在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>(); } 
    } 

感谢,

回答

0

嘛,不是一个真正的答案,不过最近我来到这。在我看来,VS 2010并不支持这一点。然而,它在VS 2012中工作。所以如果你可以做升级。

0

设计时视图模型应该做的伎俩。 您只需要创建运行时vm的简单表示 - 在其构造函数中初始化CardViewModel集合。

然后绑定视图模型在设计时是这样的:

<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}" 
+0

那么,我已经有了使用MVVM Light的ViewModelLocator IOC的设计数据。但是,在上面的例子中,这不起作用。任何想法,为什么? – Yeti 2012-08-15 11:24:58

+0

这将有助于了解如何为CardList集合实现ViewModelLocator和setter。 – 2012-08-15 17:52:10

+0

基本的东西。 :)在混合它的作品,但不是在Visual Studio中。 – Yeti 2012-08-15 21:10:33