Accueil .Net / C# / WPF / Silverlight Tutoriaux WPF WPF - Transition de UIElement

WPF - Transitions de UIElement

Faire des transitions professionnelles reste chose compliquée, même avec WPF. Pourtant, lorsque l'on doit faire défiler des données cela est primordial.

Ce petit tutorial va vous expliquer comment utiliser la fabuleuse librairie [Transitionals]
- Créer un BitmapImage à partir d'un fichier image,
- Créer un BitmapSource à partir d'un Bitmap.

1/  Intégration simpliste du composant "Transitionals"  

///
/// Création du container qui va gérer les transitions
///
Transitionals.Controls.TransitionElement _transitionBox = new Transitionals.Controls.TransitionElement();
/// Choix du type de transition
///
RotateTransition _transitionForm = new Transitionals.Transitions.RotateTransition();

 

_transitionForm.Duration = new Duration(new TimeSpan(0, 0, 2));

/// Affectation de la transition au container

///

_transitionBox.Transition = _transitionForm;

_transitionBox.Width = 500; /// Taille de la zone d'affichage

_transitionBox.Height = 500; /// Taille de la zone d'affichage

 

S1 = new Canvas();

S1.Background = Brushes.Red;

S1.Width = 500;

S1.Height = 500;

S2 = new Canvas();

S2.Background = Brushes.Blue;

S2.Width = 500;

S2.Height =500;

/// Affectation du UIElement a afficher

///

_transitionBox.Content = S1;

...

...

Vous pouvez transiter sur un autre UIElement tout simplement en le réaffectant au Content du _transitionBox.

2/ Liste des transitions intéressantes disponibles 

- FadeAndGlow Transition

- Fade Transition

- Flip Transition

- Page Transition

- Roll Transition

- Rotate Transition

- Translate Transition

Bien entendu la liste est beaucup plus importante, mais je vous ai listé les plus importantes.

 
Mise à jour le Vendredi, 21 Août 2009 09:03