キャンバス上のマウスイベントの処理に問題があります。マウスを使用して描画したいので、これらのイベントハンドラーを考え出しましたが、描画を開始しても何もしません。
private void paintSurface_MouseDown(object sender, MouseButtonEventArgs e)
{
if (e.ButtonState == MouseButtonState.Pressed)
currentPoint = e.GetPosition(this);
}
private void paintSurface_MouseMove(object sender, MouseEventArgs e)
{
if (e.LeftButton == MouseButtonState.Pressed)
{
Line line = new Line();
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);
}
}
何が欠けているのか、それを書き直して機能するように教えてくれますか?
背景プロパティが透明に設定されているため、キャンバスがマウスイベントを受信していないことは間違いありません
これは私には問題ありません。
<Window x:Class="WpfApplication1.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 Name="paintSurface" MouseDown="Canvas_MouseDown_1" MouseMove="Canvas_MouseMove_1" >
<Canvas.Background>
<SolidColorBrush Color="White" Opacity="0"/>
</Canvas.Background>
</Canvas>
</Window>
using System;
using System.Threading;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Input;
using System.Windows.Shapes;
namespace WpfApplication1
{
public partial class MainWindow : Window
{
Point currentPoint = new Point();
public MainWindow()
{
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();
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);
}
}
}
}
InkCanvasを簡単に使用する
<InkCanvas x:Name="InkCanvas" x:FieldModifier="public" Background="Transparent" Opacity="1" EditingMode="GestureOnly" ForceCursor="True" Cursor="Pen" >
<InkCanvas.DefaultDrawingAttributes>
<DrawingAttributes Color="White" Width="7" Height="7" />
</InkCanvas.DefaultDrawingAttributes>
</InkCanvas>
Lineを使用する場合、太い線(line.StrokeThickness = 20)は次のようになります。
そこで、PolyLineを試しましたが、正常に動作します(この例から http://www.c-sharpcorner.com/uploadfile/mahesh/polyline-in-wpf/ )
Canvas.MouseMove += (sender, args) =>
{
if (args.LeftButton == MouseButtonState.Pressed)
{
Polyline polyLine;
if (PathModeCanvas.Children.Count == 0)
{
polyLine = new Polyline();
polyLine.Stroke = new SolidColorBrush(Colors.AliceBlue);
polyLine.StrokeThickness = 10;
Canvas.Children.Add(polyLine);
}
polyLine = (Polyline)Canvas.Children[0];
Point currentPoint = args.GetPosition(Canvas);
polyLine.Points.Add(currentPoint);
}
};
public partial class MainWindow : Window
{
Line newLine;
Point start;
Point end;
public MainWindow()
{
InitializeComponent();
}
private void DrawCanvas_MouseDown_1(object sender, MouseButtonEventArgs e)
{
start = e.GetPosition(this);
}
private void DrawCanvas_MouseMove_1(object sender, MouseEventArgs e)
{
if (e.LeftButton == MouseButtonState.Pressed)
{
end = e.GetPosition(this);
}
}
private void DrawCanvas_MouseUp_1(object sender, MouseButtonEventArgs e)
{
newLine = new Line();
newLine.Stroke = SystemColors.WindowFrameBrush;
newLine.X1 = start.X;
newLine.Y1 = start.Y;
newLine.X2 = end.X;
newLine.Y2 = end.Y;
DrawCanvas.Children.Add(newLine);
}
}