Question

所以我有一组可能是多种类型的对象。例如，带有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>(); }
    }

谢谢，

Answer 1

设计时间视图模型应该可以解决问题。您只需要创建运行时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}"

Answer 2

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

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

2 个答案: