Question

在我的应用程序中，用户应该点击图像，然后点击一些点出现。他也可以通过右击等删除它们。

所以我有一个测试项目由一个带有画布的单个Window（xaml + codebehind）组成，我正在处理它的一些事件，如MouseMove和MouseLeftButtonDown这些将添加点在后面的代码中ObservableCollection<Point>。

我已经有了这个，我不知道我应该如何实现数据模板和数据绑定，以便我的网格将包含ItemsControl，并且每个点都将显示为一个点（{ {1}}使用Path，以便我可以设置其EllipseGeometry。

我看了一些教程，但是大多数都有很多额外的代码而我很困惑。

Answer 1

这是一个完全在XAML中实现的简单解决方案：

<!-- Bind ItemsSource to the appropriate collection -->
<ItemsControl ItemsSource="{Binding Points}">
  <ItemsControl.ItemContainerStyle>
    <Style TargetType="FrameworkElement">
      <Setter Property="Canvas.Left" Value="{Binding X}" />
      <Setter Property="Canvas.Top" Value="{Binding Y}" />
    </Style>
  </ItemsControl.ItemContainerStyle>
  <ItemsControl.ItemTemplate>
    <DataTemplate DataType="Point">
      <Ellipse Fill="Blue"
               Width="8"
               Height="8"
               Margin="-4,-4,4,4" />
    </DataTemplate>
  </ItemsControl.ItemTemplate>
  <ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
      <Canvas IsItemsHost="True" />
    </ItemsPanelTemplate>
  </ItemsControl.ItemsPanel>
</ItemsControl>

DataTemplates在WPF中显示点集合作为省略号

1 个答案: