wpf를 사용하여 캔버스에 도형을 추가하는 가장 좋은 방법은 무엇입니까?

Question

코드를 통해 캔버스에 지오메트리 개체를 추가해야합니다. 버튼을 클릭하면 모양이 추가됩니다. 함수에 매개 변수로 캔버스를 보낸 다음 canvas.children.add()를 사용하지만 그 종류의 나사는 전체 mvvm 아이디어가 아닌가요? 그것을 할 수있는 더 좋은 방법이 있습니까?

Answer 1

아니요, 더 좋은 방법은 없습니다.

XAML에서 모양을 정의하면 모양이 Canvas.Children에 추가()됩니다.

이제 Mvvm 방식으로 깨끗하게 만들고 싶다면 viewmodel으로 창의력을 발휘해야 할 것입니다. 핸들러에서 ObservableCollection에 어떤 종류의 객체를 추가 한 다음 뷰에서 무언가를 수행하여 ViewModel Collection에서 모양을 만들면 버튼에 대한 VM ICommand를 추가 할 수 있습니다. (xaml 또는 코드 숨김)

Answer 2

ItemsControl과 Canvas을 항목 패널로 사용할 수 있습니다. 그런 다음 VM에서 모든 항목을 보유 할 컬렉션이 필요합니다. 각 항목에는 배치를위한 모든 특성이 있어야합니다.

항목 : 다음 VM에서

public class CanvasShape : INotifyPropertyChanged 
{ 
    public double Top {get; set;}//TODO: add change notification 
    public double Left {get; set;}//TODO: add change notification 
    public Geometry PathData {get; set;}//TODO: add change notification 
} 

:

public ObservableCollection<CanvasShape> Shapes {get; set;} 
..... 
//Add some logic to fill the collection 

그래서, 코드, 그것은 (나는 간결에 대한 변경 알림을 생략 해요)과 같이 표시됩니다 XAML의 경우 :

<!--The DataContext here is the VM--> 
<ItemsControl ItemsSource="{Binding Shapes}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <Canvas IsItemsHost="True"/> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemContainerStyle> 
     <Style> 
      <!--These setters will control the position of the shape; the DataContext here is CanvasShape--> 
      <Setter Property="Cavas.Top" Value="{Binding Top}"/> 
      <Setter Property="Cavas.Left" Value="{Binding Left}"/> 
     </Style> 
    </ItemsControl.ItemContainerStyle> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <Path Data="{Binding PathData}" 
        ....... 
        /> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl>