将 MouseDragElementBehavior 与 ItemsControl 和 Canvas 结合使用

Question

目前，在使用 ItemsControl 和自定义画布时，我在使用 Blend SDK 中的 MouseDragElementsBehavior 时遇到问题。我的自定义画布只是根据 DependencyProperty 从其子级添加或删除 MouseDragElement。当我手动将 Items 添加到 Canvas 的子项时，这工作得很好，但在移动到 ItemsControl 时似乎已损坏。

我当前正在使用以下 ItemsControl 代码：

<ItemsControl ItemsSource="{Binding Path=CanvasItems}">
  <ItemsControl.DataContext>
    <ViewModels:ViewModel/>
  </ItemsControl.DataContext>
  <ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
      <my:CustomCanvas Background="Black" IsEditable="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}, Path=DataContext.CanEdit}" AllowDrop="{Binding RelativeSource={RelativeSource Self}, Path=IsEditable}"  />
    </ItemsPanelTemplate>
  </ItemsControl.ItemsPanel>
</ItemsControl>

在 Canvas.VisualChildrenChanged 方法中添加拖动行为不允许像以前一样移动新创建的对象。

我是否需要将“拖动”行为添加到传递给 VisualChildrenChanged 的​​ ContentPresenter 之外的其他内容或提供特殊样式？

Answer 1

我真的不知道混合 SDK 的行为，但我已经处理过一般的行为，所以我希望应用相同的机制。

如果您想向由 ItemsControl 创建的控件添加行为，最好的方法是通过 ItemsControl.ItemContainerStyle 中的 setter 添加它，尽管在这种情况下，我发现在 ItemsControl.ItemTemplate 中添加它更

容易

        <ItemsControl ItemsSource="{Binding CanvasItems}">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <Canvas Background="Transparent" AllowDrop="True" />
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Border BorderBrush="Green" BorderThickness="1" Background="AntiqueWhite">
                        <i:Interaction.Behaviors>
                            <ei:MouseDragElementBehavior ConstrainToParentBounds="True" DragBegun="MouseDragElementBehavior_DragBegun"/>
                        </i:Interaction.Behaviors>
                        <ContentControl Content="{Binding}" />
                    </Border>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>

Answer 2

<ItemsControl ItemsSource="{Binding CanvasItems}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemContainerStyle>
        <Style TargetType="YourControl">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="YourControl">
                        <Border>
                            <Grid>
                                <SystemWindowsInteractivity:Interaction.Behaviors>
                                    <MicrosoftExpressionInteractivityLayout:MouseDragElementBehavior />
                                </SystemWindowsInteractivity:Interaction.Behaviors>
                                <ContentPresenter />
                            </Grid>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ItemsControl.ItemContainerStyle>
</ItemsControl>