Discussion :

[ChapsF]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Samuel Blanchard]

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

[ChapsF]

Salut, et merci de ta reponse .

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.

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?

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.

[Samuel Blanchard]

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...

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.

[ChapsF]

Dans mon xaml :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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.

[Samuel Blanchard]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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