WPF - Dessin sur toile avec les événements de la souris

J'ai un problème avec la gestion des événements de la souris sur la toile. Je tiens à attirer sur elle à l'aide de la souris et je suis venu avec ces gestionnaires d'événements, mais ils ne font rien quand j'ai commencer à dessiner.

    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);
        }
    }

Pouvez-vous m'aider en disant ce qu'il manque, ou comment réécrire en sorte qu'elle vous commencer à travailler?

InformationsquelleAutor Dawid B | 2013-04-16
  1. 50

    Je suis prêt à parier que votre toile n'est pas de recevoir des événements de souris parce que c'est propriété de l'arrière plan est transparent

    Cela fonctionne très bien pour moi.

    WPF - Dessin sur toile avec les événements de la souris

    <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);
}
}
}
}
    • Yep. C'est exactement ce que j'ai fait. Je vous remercie.
    • Comment puis-je mettre à jour le cliquez sur la capture pour tenir compte des décalages provoqués par les menus?
    • au lieu de passer d'une référence à la fenêtre dans GetPosition passer une référence à la Toile à la place si les coordonnées sont relatives à la place.
    • +1 pour Andy commentaire. Si Vous ajoutez de la marge, Vous verrez la différence
    • Dois-je passer PaintSurface dans tous le GetPosition fonctions (vous avez trois)? Je reçois toujours des résultats bizarres: là Où je clique, il faut que le point de départ du bord de la toile et tracez une ligne à l'endroit du clic, puis continuer le visage normalement
    InformationsquelleAutor Andy
  2. 2

    Lors de l'utilisation de Ligne, épaisseur de ligne(la ligne.StrokeThickness = 20) ressemble à ceci:

    WPF - Dessin sur toile avec les événements de la souris

    J'ai donc essayé de Polyligne et fonctionne très bien.(dans cet exemple 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);
}
};
    InformationsquelleAutor Sangwon Choi
  3. 2

    Simple d'utilisation le 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>
    InformationsquelleAutor Andreas
  4. 0
    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);
}
}
    • Cela fonctionne, mais la forme sera affiché après Mouse_up
    InformationsquelleAutor Grenkin