C# WPF 在画布上选择 UserControl

Question

我有一个带有自定义用户控件的画布。现在我希望能够选择它们，因为我想要一个属性框来显示有关该特定项目的信息。最好的是，当我单击画布中的 UserControl 时，可以将 SelectedItem 属性设置为该用户控件的视图模型或更好的东西。我只是不知道如何做好它，也没有成功地以任何方式让它发挥作用，这就是我在这里问的原因。

目前我有一个 DocumentViewModel，它保存有关打开的文档/项目的信息。在这个视图模型中，我有一个组件列表，这些组件是在画布上表示的。看起来像这样：

public class DocumentViewModel : BaseViewModel
{
        private ObservableCollection<ComponentViewModel> components;
        public ObservableCollection<ComponentViewModel> Components
        {
            get { return components; }
        }

        private string filePath;
        public string FilePath
        {
            get { return filePath; }
            set { filePath = value; }
        }

    ...
}

然后我有一个 DataTemplate，用于说明 DocumentViewModel 在视图中的外观。看起来像这样：

<DataTemplate DataType="{x:Type ViewModels:DocumentViewModel}">
        <DataTemplate.Resources>
            <Converters:GuiSizeConverter x:Key="SizeConverter"/>
        </DataTemplate.Resources>
        <ItemsControl ItemsSource="{Binding Components}">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <Canvas ClipToBounds="True" Height="{Binding CurrentProject.Height, Converter={StaticResource SizeConverter}}"
                            Width="{Binding CurrentProject.Width, Converter={StaticResource SizeConverter}}" 
                            HorizontalAlignment="Left" VerticalAlignment="Top">
                        <Canvas.Background>
                            <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.WindowFrameColorKey}}"/>
                        </Canvas.Background>
                    </Canvas>
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <ItemsControl.ItemContainerStyle>
                <Style>
                    <Setter Property="Utils:DraggableExtender.CanDrag" Value="True" />
                    <Setter Property="Canvas.Top" Value="{Binding Path=Y, Converter={StaticResource SizeConverter},Mode=TwoWay}" />
                    <Setter Property="Canvas.Left" Value="{Binding Path=X, Converter={StaticResource SizeConverter},Mode=TwoWay}" />
                </Style>
            </ItemsControl.ItemContainerStyle>
        </ItemsControl>
    </DataTemplate>

ComponentViewModel 是我的组件 ViewModel 的基类，它是我的 Model 对象的简单包装器。我使用 DataTemplates 将它们绑定到视图，所以没有什么特别的。

那么，对于如何使这些控件可点击，以便我可以检测到选择了哪个控件，以便我可以将其绑定到属性框，有没有人有任何好的建议？

Answer 1

不使用 ItemsControl，只需使用 ListBox，具有选择功能。