DataGrid (WPF)의 DataCell 바로 옆에 새 창 표시

Question

사용자가 WPF의 DataGrid에서 셀을 클릭하면 옆에 NumPad를 열려고합니다 (기본적으로 터치 기반 입력) . NumPad는 별도의 창으로 이해합니다.

1) 선택한 셀을 어떻게 알 수 있습니까?
2) 셀 옆에 NumPad를 표시하려면 어떻게합니까?
3) NumPad를 배치 할 셀의 좌표를 어떻게 찾을 수 있습니까?
4) NumPad 항목을 기준으로 셀 값을 어떻게 설정할 수 있습니까?

NumPad는 동일한 응용 프로그램에서 WPF 사용자 정의 컨트롤입니다. DataGrid는 .NET 4 컨트롤입니다. 은 일반 Windows 데스크톱 응용 프로그램

Answer 1

이 사소한 일이 아니다 당신이 이러한 목표를 달성하기 위해 WPF의 일부 지식을 가지고 있어야하지만 여기에 대해 당신이 어떻게 보일지 몇 가지 아이디어입니다 :

가

1. DataGridCell.IsSelected 속성을 알려줍니다 셀이 선택되었는지 여부.
2. Popup을 사용하면 셀 외에도 ​​NumPad를 직접 표시 할 수 있습니다.
3. Popup을 사용하는 경우 좌표가 필요하지 않지만 Popup.Placement 속성을 사용하여 상대 배치를 지정할 수 있습니다. 이 MSDN 문서를 참조하십시오. Popup Placement Behavior
4. NumPad에서 DataGridCell의 사용자 정의 컨트롤로 바인딩을 사용할 수 있습니다. 사용

DataGrid.CellStyle 또는 DataGridColumn.CellStyle 프로퍼티는 데이터 그리드 또는 일부 특정 열의 모든 셀에 대한 대체 스타일을 지정할 수 있습니다. 이 스타일에서는 템플릿을 변경하고 Popup을 추가 할 수 있으며 현재 셀이 선택된 경우에만 열립니다. Popup.IsOpen 속성을 DataGridCell.IsSelected 속성에 바인딩하여 쉽게이 작업을 수행 할 수 있습니다.

이것은 단지 초기 아이디어 일뿐입니다. 제공된 MSDN 링크를 살펴보고 WPF에 대한 다른 내용도 읽어야합니다. 이 'WPF 방식'(즉, XAML)을 배우는 데 약간의 시간이 걸릴지 모르지만, 현재 선택된 셀을 결정하기 위해 코드 숨김을 많이 사용하는 것보다 내 위치에서 컨트롤을 올바른 위치에 배치하는 것이 훨씬 쉽습니다. NumPad에서 셀로 데이터를 전송하는 등 ...

Answer 2

저는 Gehho의 대답을 정말 좋아합니다. 그가 제안 스타일링 텍스트 열을 통해 템플릿 열을 사용하는 외에, 수행, 다음 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> 

희망을!