在 OxyPlot wpf 上绘图答案

【问题标题】：Draw on OxyPlot wpf在 OxyPlot wpf 上绘图
【发布时间】：2015-06-25 18:38:07
【问题描述】：

我对点的绘图有问题。当我开始在 oxyplot 画布上画线时，什么也没有发生。但是当我开始超越 oxyplot 的边界时，它会起作用。为什么它的工作如此奇怪？如何解决？

<Window x:Class="WpfApplication18DrawProblem.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:oxy="http://oxyplot.org/wpf"
    xmlns:lib="clr-namespace:DrawToolsLib;assembly=DrawToolsLib"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <Canvas  Name="paintSurface" MouseDown="Canvas_MouseDown_1" MouseMove="Canvas_MouseMove_1" Grid.Column="1" Background="Transparent">
    </Canvas>
    <oxy:Plot Model="{Binding PlotModel}" Controller="{Binding PlotController}" Height="300" Width="300" Background="Transparent" Grid.Column="0"></oxy:Plot>
</Grid>

using OxyPlot;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using DrawToolsLib;
namespace WpfApplication18DrawProblem
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
/// 
public class TestData
{
    public PlotModel PlotModel { get; set; }
    private OxyPlot.Series.LineSeries LS;
    public PlotController PlotController { get; set; }
    public TestData()
    {
        PlotController = new OxyPlot.PlotController();
        PlotController.UnbindAll();
        Random rnd = new Random();
        PlotModel = new PlotModel();
        LS = new OxyPlot.Series.LineSeries();
        for (int i = 0; i < 10; i++)
        {
            LS.Points.Add(new DataPoint(i, rnd.NextDouble()));
        }
        PlotModel.Series.Add(LS);
    }
    public void Update()
    {
        PlotModel.InvalidatePlot(true);
    }
}
public partial class MainWindow : Window
{
    Point currentPoint = new Point();
    TestData TD = new TestData();
    public MainWindow()
    {

        DataContext = TD;
        InitializeComponent();
    }
    private void Canvas_MouseDown_1(object sender, System.Windows.Input.MouseButtonEventArgs e)
    {
        if (e.ButtonState == MouseButtonState.Pressed)
            currentPoint = e.GetPosition(this);
    }

    private void Canvas_MouseMove_1(object sender, System.Windows.Input.MouseEventArgs e)
    {

        if (e.LeftButton == MouseButtonState.Pressed)
        {
            Line line = new Line();
            Ellipse Ell = new Ellipse()
            {
                Stroke = Brushes.Black,
                StrokeThickness = 2,
            };

            line.Stroke = SystemColors.WindowFrameBrush;
            line.X1 = currentPoint.X;
            line.Y1 = currentPoint.Y;
            line.X2 = e.GetPosition(this).X;
            line.Y2 = e.GetPosition(this).Y;

            currentPoint = e.GetPosition(this);

            paintSurface.Children.Add(line);
        }
        TD.Update();

    }
}
}

【问题讨论】：

如果在 XAML 文件中更改 <Canvas> 和 <oxy:Plot> 的顺序会发生什么？
是的，更改后就可以了，谢谢！

标签： c# wpf oxyplot

【解决方案1】：

XAML 文件中元素的顺序在这里起作用。如果您将绘图区域放置在Canvas 区域之后/顶部，Canvas 的该部分将被隐藏以供用户输入。

因此，在这种情况下，最直接的解决方案是切换 XAML 文件中 oxy:Plot 和 Canvas 元素的顺序：

...
<Grid>
  <oxy:Plot Model="{Binding PlotModel}" Controller="{Binding PlotController}" Height="300" Width="300" Background="Transparent" Grid.Column="0" />
  <Canvas Name="paintSurface" MouseDown="Canvas_MouseDown_1" MouseMove="Canvas_MouseMove_1" Grid.Column="1" Background="Transparent" />
</Grid>

【讨论】：