在 DataGrid (WPF) 中的 DataCell 旁边显示一个新窗口

Question

我想要一个场景，当用户单击 WPF 中 DataGrid 中的单元格时，我想打开它旁边的 NumPad（这基本上用于基于触摸的输入）。 据我所知，数字键盘是一个单独的窗口。

1) 我如何知道选择了哪个单元格
2) 如何在单元格旁边显示数字键盘？
3) 如何找到单元格的坐标来定位我的数字键盘？
4) 如何根据数字键盘输入设置单元格的值？

NumPad 是同一应用程序中的 WPF 用户控件。 DataGrid 是一个 .NET 4 控件。 这是一个普通的 Windows 桌面应用程序

Answer 1

这不是一项简单的任务，您应该具备一定的 WPF 知识才能完成此任务，但您可能需要了解以下一些想法：

1. DataGridCell.IsSelected 属性告诉您是否选择了单元格。
2. 我会使用 弹出窗口直接在单元格旁边显示数字键盘。
3. 如果您使用 Popup，则不需要坐标，但您可以使用 Popup.Placement 属性。另请参阅此 MSDN 文档： 弹出窗口放置行为
4. 您可以尝试使用a 从 NumPad 到 DataGridCell 中的用户控件的绑定。

使用 DataGrid.CellStyle或 DataGridColumn.CellStyle 属性，您可以为 DataGrid 的所有单元格或某些特定列指定替代样式。在此样式中，您可以更改模板并添加仅在选择当前单元格时才打开的 Popup。您可以通过绑定 轻松实现此目的将 Popup.IsOpen 属性设置为 DataGridCell.IsSelected 属性。

这只是一个初步的想法。您仍然需要查看提供的 MSDN 链接，并阅读一些有关 WPF 的其他内容。虽然学习这种“WPF 方式”（即仅 XAML）可能需要一些时间，但（在我看来）它比使用大量代码隐藏来确定当前选定的单元格、将控件定位在正确的位置要容易得多，将数据从数字键盘传输到单元格等等......

Answer 2

我真的很喜欢格霍的回答。
按照他的建议，除了在样式文本列上使用模板列之外，还生成了以下 XAML：

    <Grid x:Name="LayoutRoot">
        <DataGrid>
            <DataGrid.Columns>
                <DataGridTextColumn Header="R" Binding="{Binding Color.R}" />
                <DataGridTextColumn Header="G" Binding="{Binding Color.G}" />
                <DataGridTextColumn Header="B" Binding="{Binding Color.B}" />
                <DataGridTextColumn Header="Alpha" Binding="{Binding Color.A}" />
                <DataGridTemplateColumn Header="Thumb">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Border x:Name="border" Background="{Binding}">
                                <Popup IsOpen="{Binding IsMouseOver, ElementName=border, Mode=OneWay}"
                                         PopupAnimation="Fade"
                                         Placement="MousePoint">
                                    <Border Width="200" Height="200" Background="{Binding Background , ElementName=border, Mode=OneWay}" />
                                </Popup>
                            </Border>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
            <SolidColorBrush Color="Red"/>
            <SolidColorBrush Color="Green"/>
            <SolidColorBrush Color="Blue"/>
            <SolidColorBrush Color="Yellow"/>
            <SolidColorBrush Color="SteelBlue"/>
            <SolidColorBrush Color="Lime"/>
            <SolidColorBrush Color="Cyan"/>             
        </DataGrid>
    </Grid>
</Window>

希望这有帮助！