在WPF MVVM中的画布上绘制线条不工作

本文关键字：绘制 工作 MVVM WPF | 更新日期: 2023-09-27 18:02:27

我有这个xaml:

<Canvas cal:View.Context="DrawCanvas">
    <!--<Line  X1="1" Y1="1" X2="400" Y2="400" Stroke="Black" StrokeThickness="20" IsHitTestVisible="False"/>-->
</Canvas>

在模型中我有:

public Canvas DrawCanvas { get; set; }
public ImageSourceViewModel()
{
    this.PropertyChanged += this.ImageSourceViewModel_PropertyChanged;
    this.Scale = 1;
    this.TranslateX = 0;
    this.TranslateY = 0;
    DrawCanvas=new Canvas();
    var line = new Line();
    line.X1= 1;
    line.Y1 = 1;
    line.X2 = 100;
    line.Y2 = 10;
    line.Stroke=new SolidColorBrush(Colors.Green);
    line.StrokeThickness = 2;
    line.Visibility=Visibility.Visible;
    DrawCanvas.Children.Add(line);
}

我用的是Caliburn Micro

它不会在输出上画任何线。

这个问题可能有两个原因:

1-视图上的画布没有绑定到ViewModel中的DrawCanvas。

2-图纸代码不正确。

我怎么能检查我的视图画布实际上绑定到DrawCanvas在我的ViewModel?绑定的语法正确吗?我用的是Caliburn Micro

如果绑定是正确的，那么绘制代码不工作的问题是什么?

在WPF MVVM中的画布上绘制线条不工作

这就是你可以在MVVM中做到的方式(我从这里修改了解决方案:https://stackoverflow.com/a/1030191/3047078):

在视图中:

<ItemsControl ItemsSource="{Binding Path=Lines}">
  <ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
      <Canvas Background="White" Width="500" Height="500"  />
    </ItemsPanelTemplate>
  </ItemsControl.ItemsPanel>
  <ItemsControl.ItemTemplate>
    <DataTemplate>
      <Line X1="{Binding X1}" Y1="{Binding Y1}" X2="{Binding X2}" Y2="{Binding Y2}" Stroke="Black" StrokeThickness="3"></Line>
    </DataTemplate>
  </ItemsControl.ItemTemplate>
</ItemsControl>



在ViewModel中，您需要这样的内容:

public ObservableCollection<MyLine> Lines {get;set;}


在模型中:

public class MyLine
{
  public int X1 {get;set;}
  public int Y1 {get;set;}
  public int X2 {get;set;}
  public int Y2 {get;set;}
}
相关文章：