Propriétés X et Y d'un élément d'affichage.

Salut à tous, je suis en train de tester un peu Silverlight ( visual Studio 2010 express ) et j'ai un problème, je pensais le resoudre en 10min et sa fais depuis hier que je cherche partout comment ( et oui j'y arrive pas^^ ) déplacer un objet (je sais plus le nom mais "affiché"). Sa avait pour moi l'air tout con, j'ai cherché les propriétés X et Y, y en a pas...

Impossible de savoir comment faire sa, depuis le temps que je cherche, j'ai lu 50 pages pour faire des animations ( du coup ben j'saurai faire^^ ), mais aucun ne disait comment changer directement la position d'un objet.

Voici mon code :

Code:

---

1 2 3 4 5 6 7 8 9

var PlayButton = new Rectangle(); TaskBarre.Children.Add(PlayButton); PlayButton.Width = 30; PlayButton.Height = 30; PlayButton.Fill = ImageBrushPlay; /*PlayButton.SetValue(Canvas.LeftProperty, 0);   PlayButton.SetValue(Canvas.TopProperty, 20);   */ PlayButton.MouseLeftButtonDown += new MouseButtonEventHandler(PlayButton_MouseLeftButtonDown);

---

Visual Studio 2010
Silverlight 4

TaskBarre est un canvas créé dans le xaml, et ImageBrushPlay est généré par le code, pas de sousci de ce coté là, je veux juste pouvoir placer mon rectangle là où il doit aller dans mon canvas (ou par rapport au layout peut importe).

J'ai trouvé les lignes qui sont en commentaires interessante sur un site je sais plus où, mais sa ne fonctionne pas, si je les décommente, j'ai le cercle avec les points bleus (silverlight qui marche pas^^) dans mon navigateur.


Donc en Résumé :

SILVERLIGHT, ou caches-tu les propryété .X et .Y de tes éléments. J'aurai besoin de les get et de les set.

Bonjour,

Tu as plusieurs façons de positionner un objet :

Dans un canvas : via la propriété Canvas.Top et Canvas.Left (comme ce que tu as mis en commentaire)

Dans un panel : la plupart du temps via HorizontalAlignment & VerticalAlignment + Margin | Padding

Pour les animations : Via la propriété RenderTransform et plus particulierement l'objet TranslateTransform

Salut, et merci de ta reponse :).

Citation:

---

Dans un canvas : via la propriété Canvas.Top et Canvas.Left (comme ce que tu as mis en commentaire)

---

Oui c'est ce que j'ai besoin de faire mais sa ne marche pas, voila le resultat.

Citation:

---

Dans un panel : la plupart du temps via HorizontalAlignment & VerticalAlignment + Margin | Padding

---

Je debute et je n'ai encore jamais utilisé de "panel", je vais regarder sa. Est-ce que sa se rapproche un peu plus des MovieClip en AS?

Citation:

---

Pour les animations : Via la propriété RenderTransform et plus particulierement l'objet TranslateTransform

---

Mais la c'est parreil dans tout les cas il faut que je sache quelle propriétée modifier... je n'ai pas besoin de sa, je cherche juste a positionner mon ptit monde pour le moment.

Citation:

---

Oui c'est ce que j'ai besoin de faire mais sa ne marche pas, voila le resultat.

---

C'est pourtant la façon de faire. Il va falloir nous montrer plus de code pour trouver ou ça coince...

Citation:

---

Je debute et je n'ai encore jamais utilisé de "panel", je vais regarder sa. Est-ce que sa se rapproche un peu plus des MovieClip en AS?

---

Je ne connais pas très bien Flash mais je ne pense pas que Panel soit le pendant de MovieClip. C'est un objet permettant le positionnement de ses enfants selon des règles qui lui son propre. Un StackPanel va empiler ses enfants les un après les autre alors qu'un Grid les positionnera comme un Tableau.

Dans mon xaml :

Code:

---

1 2 3 4 5 6 7

<Grid x:Name="LayoutRoot" Background="Black"> <Rectangle Name="BackGround"/> <MediaElement Name="MediaVideo" HorizontalAlignment="Center" VerticalAlignment="Center" /> <Canvas Name="TaskBarre" Height="50" Width="450" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="0,5,0,5" OpacityMask="#FF000000" >   </Canvas> </Grid>

---

Dans mon .cs (la partie interessante, ce n'es pas disposé de cette fasson dans le code, mais sa donne sa) :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

ImageBrush ImageBrushPlay = new ImageBrush(); Uri PlayButtonImgUrl = new Uri("BoutonPlay.png"); ImageBrushPlay.ImageSource = new BitmapImage(PlayButtonImgUrl);   Rectangle PlayPauseButton = new Rectangle(); PlayPauseButton.Fill = ImageBrushPlay; PlayPauseButton.Name = "PlayButton";   TaskBarre.Children.Add(PlayPauseButton); PlayPauseButton.Width = 80; PlayPauseButton.Height = 80; PlayPauseButton.SetValue(Canvas.LeftProperty, 0); PlayPauseButton.SetValue(Canvas.TopProperty, 20);

---

Citation:

---

Un StackPanel va empiler ses enfants les un après les autre alors qu'un Grid les positionnera comme un Tableau.

---

Oui sa semble s'en approcher beaucoup plus, je n'avais pas cette impression de tableau pour le moment, mais bon sans pouvoir bouger des éléments, c'est difficile de se faire une idée de comment sa marche.

PS : je n'utilise pas Visual Studio 2010 mais Web studio express 2010, mais je ne pense pas que sa change quoi que ce soit.

oky, j'ai compris en regardant l'erreur javascript.

Code:

---

1 2 3

PlayPauseButton.SetValue(Canvas.LeftProperty, 0); PlayPauseButton.SetValue(Canvas.TopProperty, 20);

---

Les valeurs que tu passes sont des entiers or il attend un double.
Ainsi les choses devraient fonctionner correctement :

Code:

---

1 2 3

PlayPauseButton.SetValue(Canvas.LeftProperty, 0.0); PlayPauseButton.SetValue(Canvas.TopProperty, 20.0);

---

Roo Sa marche ;)
Bien vu!!! Un gros merci. Enfin des trucs qui vont là où ont leur dit d'aller :ccool:

Hmmm, j'ai deux dernieres ptites question :p...

1- Existe-t-il un "container" qui lorsqu'on le redimensionne, les dimensions s'appliquent aussi aux enfants/sous enfants? Si on veux faire des animations, c'est deja lourd en code j'trouve pour un éléments, alors pour une liste un peu grande.... ( +1 à Flash de ce coté là, enfin je débute c'est ma premiere impression ). Dans flash, on cré un movieclip, on y met des truc dedant, movieclip ou autre, et tout ce qui est dedan va "suivre le mouvement", je pensais que se serai de même pour les canvas... sniff

2- J'ai pas accés à l'aide de Visual Web Dev express, lorsque j'ai lancer pour la premiere fois l'application, sa m'a demandé si je voulais l'aide en ligne ou l'aide local, j'ai mis local et j'ai rien, c'est vide^^, et y a pas l'option que les non "express" ont pour modifier sa dans "manage help settings", quelqun saurai comment changer sa manuelement?

Citation:

---

Existe-t-il un "container" qui lorsqu'on le redimensionne, les dimensions s'appliquent aussi aux enfants/sous enfants? Si on veux faire des animations, c'est deja lourd en code j'trouve pour un éléments, alors pour une liste un peu grande....

---

Silverlight est extremement bien pourvu en gestionnaire de layout, il suffit juste de trouver le panel qui te convienne. Si celui ci n'existe pas tu peux même le construire facilement.

Un petit tuto par Scott Gu

De plus, la force de Silverlight se trouve en partie dans son utilsation de XAML, n'hésite pas a t'en servir quitte à délaissé le code-behind.

Citation:

---

( +1 à Flash de ce coté là, enfin je débute c'est ma premiere impression ). Dans flash, on cré un movieclip, on y met des truc dedant, movieclip ou autre, et tout ce qui est dedan va "suivre le mouvement", je pensais que se serai de même pour les canvas... sniff

---

Si tu abordes Silverlight, en le comparant à Flash, tu passeras à coté de pas mal de chose car ils ne reposent pas sur la même vision.
Le projet Rosetta te permettra quand même de faire quelques parallèles (ici MovieClip est a rapproché de UserControl)

Bon courage et bienvenue dans l'univers Silverlight :)

Haaa oui en effet, c'est vraiment totalement diffèrent... Je pense que Grid se rapproche le plus de ce que je veux faire, j'ai du mal à penser de cette façon, mais je pense que sa va venir :roll: . Sa à l'air puissant mais il faut que j'oublie AS3 lol, pas évident.
Merci pour les liens il me seront grandement utiles.

Et bien en fait ce que je cherchai c'était UserControl et sa propriété RenderTransform :) Tout va bien.

Citation:

---

Et bien en fait ce que je cherchai c'était la propriété Transform Tout va bien.

---

Je t'en avais parlé dans mon 1er post ;)

RoO oui en effet... Avais pas tout compris :mouarf:
Merci pour tout :zoubi:

Question au passage, pourquoi déclarer tes boutons dans le code-behind? :)

C'est juste que je fais quelques tests avant de me lancer sur mon projet pour savoir si je retourne sur flash ou non, je test donc un peu tout ce dont je vais avoir besoin.