Wie kann die position zu verändern auf Leinwand in WPF?

Wie kann change runtime position auf Leinwand, die dynamisch Hinzugefügt habe ich-Steuerelemente (labels, Linien). Kann ich zoom-Leinwand mit alle Steuerelemente, aber ich kann mich nicht bewegen in einer anderen position mit MouseMove, MouseUp, MouseDown.

<Canvas Name="canvas" Width="1000" Height="400"
            Margin="100 0 0 50"
            Background="White"
            VerticalAlignment="Bottom"
            HorizontalAlignment="Center"
            MouseWheel="Canvas_MouseWheel"
            MouseMove="Canvas_MouseMove"
            MouseUp="Canvas_MouseUp"
            MouseDown="Canvas_MouseDown">
        <Canvas.RenderTransform>
            <ScaleTransform x:Name="st" />
        </Canvas.RenderTransform>
    </Canvas>

Finde ich diesen code im internet, aber für meinen Fall nicht funktioniert

bool activated;
    Point point;

    private void Canvas_MouseDown(object sender, MouseButtonEventArgs e)
    {
        activated = true;
        point = Mouse.GetPosition(canvas);
        Mouse.Capture(canvas);
    }

    private void Canvas_MouseMove(object sender, MouseEventArgs e)
    {
        if (activated)
        {
            double top = Canvas.GetTop(canGraph) + Mouse.GetPosition(canvas).Y - point.Y;
            Canvas.SetTop(canvas, top);
            double left = Canvas.GetLeft(canvas) + Mouse.GetPosition(canvas).X - point.X;
            Canvas.SetLeft(canvas, left);
            point = Mouse.GetPosition(canvas);
        }
    }

    private void Canvas_MouseUp(object sender, MouseButtonEventArgs e)
    {
        activated = false;
        Mouse.Capture(null);
    }
InformationsquelleAutor Evgeni Velikov | 2015-11-17
  1. 3

    Bearbeiten - Die bisherige Lösung, die ich angegeben habe wurde nicht zur Arbeit gehen nach dem ersten bewegen des Elements ohne mehr code, so ist hier eine bessere

    Damit richtig arbeiten, die das canvas-element ausgerichtet werden müssen, um das Koordinatensystem der Eltern, die wir erreichen, wie wir die Leinwand in der oberen linken Ecke, wenn Sie nicht setzen Sie zur Berechnung der Differenz zu zweit.

    Code hinter

    private void Canvas_MouseDown(object sender, MouseButtonEventArgs e)
    {
        canvas.CaptureMouse();
    }

    Stopwatch sw = new Stopwatch();
    private void Canvas_MouseMove(object sender, MouseEventArgs e)
    {
        if (canvas.IsMouseCaptured)
        {
            translate.X = e.GetPosition(container).X;
            translate.Y = e.GetPosition(container).Y;
        }
    }

    private void Canvas_MouseUp(object sender, MouseButtonEventArgs e)
    {
        canvas.ReleaseMouseCapture();
    }

    XAML

    <Grid Background="Green" x:Name="container">
    <Canvas Name="canvas" Width="100" Height="100"
        Margin="0 0 0 0"
        Background="Purple"
        VerticalAlignment="Top"
        HorizontalAlignment="Left"
        MouseMove="Canvas_MouseMove"

        MouseDown="Canvas_MouseDown">
        <StackPanel Background="White">

        <TextBlock >asdasda</TextBlock>
        <TextBlock >cccc</TextBlock>
        <TextBlock >aaaaa</TextBlock>
        <TextBlock >bbbb</TextBlock>
        </StackPanel>
    <Canvas.RenderTransform>
            <TransformGroup>
                <ScaleTransform x:Name="st" />
                <TranslateTransform x:Name="translate" />
            </TransformGroup>
        </Canvas.RenderTransform>
</Canvas>
</Grid>

    Ursprüngliche Antwort

    XAML

    Ich würde so etwas tun:

    • Hinzufügen übersetzen, transformieren und um Sie zu halten vorhergehenden verwandeln es in eine Gruppe

    • Verwenden, übersetzen, transformieren, um die Leinwand mit Positionen aus die Maus-Ereignisse

    • Ausgangspunkt für Ihre übersetzungen können Sie die Koordinaten in die container

    Code hinter:

    bool activated;
    Point point;

    private void Canvas_MouseDown(object sender, MouseButtonEventArgs e)
    {
        activated = true;
        point = e.GetPosition(container);
    }

    private void Canvas_MouseMove(object sender, MouseEventArgs e)
    {
        if (activated)
        {
            translate.X = e.GetPosition(container).X - point.X;
            translate.Y = e.GetPosition(container).Y - point.Y;
        }
    }

    private void Canvas_MouseUp(object sender, MouseButtonEventArgs e)
    {
        activated = false;
    }

    XAML

    <Canvas Name="canvas" Width="100" Height="100"
        Margin="0 0 0 0"
        Background="Purple"
        VerticalAlignment="Stretch"
        HorizontalAlignment="Stretch"
        MouseMove="Canvas_MouseMove"
        MouseUp="Canvas_MouseUp"
        MouseDown="Canvas_MouseDown">
    <Canvas.RenderTransform>
            <TransformGroup>
                <ScaleTransform x:Name="st" />
                <TranslateTransform x:Name="translate" />
            </TransformGroup>
        </Canvas.RenderTransform>
</Canvas>
</Grid>
    • Vielen Dank, ich kann nun die Leinwand, aber als ich umgezogen bin ist blinken alle Elemente im canvas-Bereich. Der variable Behälter, in meinem Fall ist Leinwand, richtig?
    • Nach der Maus nach unten, dann wieder Schiebe ich die Leinwand wird beginnen sich zu bewegen von der ersten position, wenn worden ist.
    • Ich hatte ein paar Minuten und bemerkte, dass, überprüfen Sie heraus die edit-bitte. Wenn Sie Probleme haben, werde ich helfen, wenn ich einige Zeit wieder 🙂
    • Jetzt ist die Arbeit sehr gut. Ändere ich die edit-code. Im MouseDown-Punkt hinzufügen = e.GetPosition(container); aus, bevor Sie Sie Bearbeiten den code und bei MouseMove ändern, zu übersetzen.X = e.GetPosition(container).X - Punkt.X; Und nun funktioniert perfekt. Danke für die Hilfe
    InformationsquelleAutor kirotab
Schreibe einen Kommentar