运行一下可以看出数据改变或添加,前端UI实时变化。
cs:
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;
namespace DrawingLine
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
bool DrawingFlag = false;
Line myLine = new Line();
private void Canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
Point startPt = new Point();
DrawingFlag = true;
startPt.X = e.GetPosition(sender as Canvas).X;
startPt.Y = e.GetPosition(sender as Canvas).Y;
myLine = DrawingLine(startPt);
(sender as Canvas).Children.Add(myLine);
}
private void Canvas_MouseMove(object sender, MouseEventArgs e)
{
if (DrawingFlag == true)
{
myLine.X2 = e.GetPosition(sender as Canvas).X;
myLine.Y2 = e.GetPosition(sender as Canvas).Y;
}
}
private void Canvas_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
DrawingFlag = false;
}
private Line DrawingLine(Point sPt)
{
Line line = new Line();
line.Stroke = Brushes.Black;
line.StrokeThickness = 2;
line.X1 = sPt.X;
line.Y1 = sPt.Y;
return line;
}
}
}
xaml:
<Window x:Class="DrawingLine.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Canvas Background="White" Cursor="Pen"
MouseLeftButtonDown="Canvas_MouseLeftButtonDown"
MouseMove="Canvas_MouseMove"
MouseLeftButtonUp="Canvas_MouseLeftButtonUp"/>
</Window>