Déplacer un rectangle autour d'une toile

J'ai une toile au milieu de mon application avec les contrôles autour d'elle.
J'ai un support qui reçoit des Points et de les enregistrer dans une liste.

Je dessine des petits 4x4 rectangles sur la toile pour le nombre de points dans ma liste..
dit ya 4 points.. il y a 4 rectangles.

Je veux être en mesure de déplacer les rectangles lorsque les points de changement de code.
est-ce possible sans story-board ou tout "animation" de la classe? et comment pourrais-je aller sur le faire ce dont j'ai besoin?

J'ai essayé:

        'cMap.Children.Remove(r)

        'Dim nr As Rectangle = New Rectangle() With {.Width = 4, .Height = 4, .Name = "r" & P.Name, .Fill = Brushes.Red}
        'r.RenderTransform = New TranslateTransform(P.Position.X, P.Position.Y)

        Canvas.SetTop(cMap.Children(cMap.Children.IndexOf(r)), (512 /2) + P.Position.Y)
        Canvas.SetLeft(cMap.Children(cMap.Children.IndexOf(r)), (512 /2) + P.Position.X)
        'nr.SetValue(Canvas.TopProperty, (512 / 2) + P.Position.Y)
        'nr.SetValue(Canvas.LeftProperty, (512 /2) + P.Position.X) ' P.Position.X)
        'cMap.Children.Add(nr)

tous ceux qui, mais aucun de rendre les rectangles déplacer.
et oui j'ai fait en sorte que les données sont en train de changer.

merci beaucoup.

InformationsquelleAutor tcables | 2010-09-04
  1. 1

    Je pense que plus d'astucieuses solutions sont disponibles par le biais de la liaison de la Toile.Gauche et de la Toile.Top des propriétés attachées à une ObservableCollection<Point>, mais comme vous l'avez demandé à l'ancienne, WinForms Style de solution ici, vous avez quelque chose qui fait que je pense que vous avez besoin (Mes excuses pour la rédaction de ce en C#):

    XAML:

    <Window x:Class="MovingPointsSpike.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="650" Width="525"
        >
    <StackPanel>
        <Border BorderThickness="1" BorderBrush="Gray">
            <Canvas Name="PointCanvas" Width="500" Height="500"/>
        </Border>
        <Button Name="Move" Click="Move_Click">Move Random Point</Button>
        <Button Name="Add" Click="Add_Click">Add Point</Button>
        <Button Name="Remove" Click="Remove_Click">Remove Random Point</Button>
    </StackPanel>
</Window>

    Code derrière:

    using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Shapes;
namespace MovingPointsSpike
{
public partial class MainWindow : Window
{
private List<Point> m_Points;
private Random m_Random;
public MainWindow()
{
InitializeComponent();
m_Points=new List<Point>();
m_Random=new Random();
}
private void Move_Click(object sender, RoutedEventArgs e)
{
Rectangle rectangle;
Point newPoint;
int index = GetRandomIndex();
newPoint = GetRandomPoint();
rectangle =(Rectangle)PointCanvas.Children[index];
if (index == -1) return;
Canvas.SetTop(rectangle, newPoint.Y);
Canvas.SetLeft(rectangle, newPoint.X);
}
private void Add_Click(object sender, RoutedEventArgs e)
{
Point newPoint;
Rectangle rectangle;
newPoint = GetRandomPoint();
rectangle = new Rectangle {Width = 4, Height = 4, Fill = Brushes.Red};
m_Points.Add(newPoint);
PointCanvas.Children.Add(rectangle);
Canvas.SetTop(rectangle,newPoint.Y);
Canvas.SetLeft(rectangle,newPoint.X);
}
private Point GetRandomPoint()
{
int x;
int y;
x = m_Random.Next(10, 490);
y = m_Random.Next(10, 490);
return new Point(x,y);
}
private void Remove_Click(object sender, RoutedEventArgs e)
{
int index = GetRandomIndex();
if (index==-1)return;
PointCanvas.Children.RemoveAt(index);
m_Points.RemoveAt(index);
}
private int GetRandomIndex()
{
int index;
if (m_Points.Count==0) return -1;
index = m_Random.Next(m_Points.Count - 1);
return index;
}
}
}
    • voir, j'ai essayé la Toile.SetTop(rectangle,newPoint.Y); chose qu'il n'a tout simplement pas le déplacer.
    • Ah, voir la chose, j'ai fait de mal, c'est d'écraser chaque point avec un nouveau point, au lieu de la mise au point... ce qui a causé un problème entre les threads.
    InformationsquelleAutor Dabblernl
  2. 0

    Utiliser le Rendu de l'événement 

    CompositionTarget.Rendering += UpdateRectangles;

    ...

     protected void UpdateRectangles(object sender, EventArgs e)
{
//here some stuff
Canvas.SetLeft(rectangle, location);
}

    Envisager d'utiliser CacheMode="BitmapCache" pour eux.

    InformationsquelleAutor Lukasz Madon