Composants WPF pour effets sur textes

Version imprimable

27/01/2011, 09h36
Nixeus

Composants WPF pour effets sur textes

Bonjour à tous,

Je suis un petit nouveau dans le monde WPF et suis enfin heureux de voir que Microsoft nous permet de s'affranchir de notre bon vieux GDI :)

Je souhaite me faire la main sur WPF, et souhaiterai faire quelques effets/animations sur des labels simples. Je souhaiterai faire un peu comme la fenêtre de connexion de Windows Live Messenger 2011.

Des textes arrivent de bas en haut, avec une opacité qui varie.
Des textes arrivent aussi de gauche vers la droite.

Ma question est de savoir si ce genres d'effets nécessitent des composants tiers, ou si c'est faisable en WPF 4.

Je vous remercie à tous d'avance de l'attention que vous portiez à mon message.

Bien cordialement,

Nixeus
27/01/2011, 10h31
binoo
Salut,

Bienvenue ;)
Oui ce que tu souhaites faire est réalisable avec le Framework 4.0 sans composant externe.

Je te donne un lien vers les tutoriels du site :
- http://dotnet.developpez.com/cours/?page=csharp#wpfcs
- http://tlevesque.developpez.com/trad...f-guided-tour/
Bon courage. Si tu veux des précisions sur certains points particuliers, n'hésites pas.
27/01/2011, 11h34
Nixeus

Merci beaucoup de ta réponse :)

Ca fait plaisir !

J'ai hâte de titiller un peu WPF !
En espérant arriver à faire de belles IHM et avoir de belles idées :)

J'ai trouvé cet exemple de transformation de texte

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
 
<TextBlock FontSize="25"> 
Texte avec un caractère animé 
<TextBlock.TextEffects> 
   <TextEffect PositionStart="12" PositionCount="1">
     <TextBlock.Transform> 
       <RotateTransform Angle="0"
x:Name="RotationLettreTextBlock" /> 
   </TextBlock.Transform> 
  </TextEffect> 
 </TextBlock.TextEffects> 
 
  <TextBlock.Triggers> 
   <EventTrigger RoutedEvent="TextBlock.MouseEnter"> 
     <EventTrigger.Actions> 
       <BeginStoryboard> 
          <Storyboard> 
            <DoubleAnimation
Storyboard.TargetName="RotationLettreTextBlock "
Storyboard.TargetProperty="Angle" From="0.0" To="360"
Duration="0:0:3" /> 
          </Storyboard> 
    </BeginStoryboard> 
   </EventTrigger.Actions> 
  </EventTrigger> 
 </TextBlock.Triggers> 
</TextBlock>

Le problème est que j'ai une erreur de compilation sur la ligne <TextBlock.Transform> .

Quand je fais TextBlock. je n'ai pas la méthode Transform.

Sais tu d'ou cela vient ? Inclusion manquante?

Merci d'avance,

Cordialement,

Nixeus

27/01/2011, 13h06
jmix90

Hello,

Si je me trompes pas, tu dois utiliser RenderTransform ou LayoutTransform pour que cela fonctionne. Elles ne sont pas appliquées au même moment.

Voici un article expliquant la différence : http://patconroy.wordpress.com/2009/...nsform-in-wpf/

Bon courage dans ta découverte de cette superbe technologie :)
27/01/2011, 13h46
Nixeus

Bonjour et merci de ta réponse :)

Je suis entrain de voir comment faire un effet simple.
Par ailleurs, pour le design, y a t-il vraiment un plus à commencer par Expression , ou VS2010 est suffisant ?

Autre question, je voudrais qu'une de mes fonction soit appelée une fois ma form affichée à l'écran. j'appelle donc ma fonction dans l’évènement loaded, or c'est trop tôt : Ma form est affichée à l'écran, mais en fond blanc, mes éléments la composants (grid, etc....) ne sont pas encore affichés. Dois-je utiliser un autre évènement ?

Encore merci :)
27/01/2011, 14h25
binoo

Pour ma part, j'ai appris avec Visual Studio 2008 et je ne regrette pas dans le sens où ça m'a fait jouer avec le code xaml (le designer de visual studio 2008 étant pété :aie:). Du coup j'ai mis les mains dans cambouis et j'ai pu cerner en profondeur la technologie.

Après utiliser un designer c'est toujours un plus (meilleur rendement, meilleure représentation, ...).
Le designer de visual studio 2010 a été amélioré par rapport à celui de 2008 mais ne vaut toujours pas celui d'Expression Blend.
Un point important pour toi qui veut faire des animations, Expression Blend pourrait sûrement te rendre la vie plus simple.

Citation:

Envoyé par Nixeus

Autre question, je voudrais qu'une de mes fonction soit appelée une fois ma form affichée à l'écran. j'appelle donc ma fonction dans l’évènement loaded, or c'est trop tôt : Ma form est affichée à l'écran, mais en fond blanc, mes éléments la composants (grid, etc....) ne sont pas encore affichés. Dois-je utiliser un autre évènement ?

Tu es sûr que tes composant grid, etc ne sont pas créés à ce moment ? Je dis ça car l'évènement Loaded me semble être celui qu'il faut.
Je pense à quelque chose, si tu mets un point d'arrêt dans l'évènement Loaded et que tu t'attends à voir quelque chose au niveau de l'interface, tu te trompes. Je crois que la fenêtre reste vide, mais tes contrôles sont bel et bien créés. Il me semble :roll:
27/01/2011, 14h42
Nixeus

Bonjour et merci de ta réponse,

Je vais alors prendre Expression Blend pour me faire la main :)

Pour mon problème de loaded, ce qu'il se passe est simple.

Ma fenêtre apparaît en blanc, ma fonction se lance, et à la fin de cette fonction, le contenu de ma fenêtre apparaît.

Je voudrais que ma fonction s’exécute une fois ma fenêtre complètement chargée et affichée.
27/01/2011, 15h25
binoo

Et bien pour moi l'évènement Loaded répond à ta problématique ;).
27/01/2011, 15h34
Nixeus

Et pourtant cela ne fonctionne pas :(
27/01/2011, 15h47
binoo

Tu peux montrer ce que fait ta fonction car il y a surement quelque chose qui m'échappe. Cette fonction fait quoi ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
private void Window_Loaded(object sender, EventArgs e)
        {
            CDailyReport DailyReport = new CDailyReport(m_strUser, m_strPass);
            if (DailyReport.Login() == true)
            {
                SaisieRapport FormSaisieRapport = new SaisieRapport();
                FormSaisieRapport.ShowDialog();
            }
            else
            {
                MessageBox.Show("Echec d'authentification : utilisateur inconnu.", "Erreur d'authentification", MessageBoxButton.OK, MessageBoxImage.Hand);
            }
        }

En fait, je veux qu'une fois ma form chargée, un objet CDailiReport soit instancié, et qu'il se connecte à mon serviceweb etc... Si l'authentificatin vérifiée par le serviceweb est ok, j'ouvre une nouvelle form.

Autant pour moi, j'avais pas cerné la problématique. Je viens de faire le test avec un MessageBox et j'ai observé ce que tu voulais dire.

Du coup pour ne pas avoir une fenêtre qui reste blanche, tu peux utiliser un Dispatcher :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
      Application app = System.Windows.Application.Current;
      if (app != null)
        app.Dispatcher.BeginInvoke(System.Windows.Threading.DispatcherPriority.Background,
                                   (Action)delegate {
 
            CDailyReport DailyReport = new CDailyReport(m_strUser, m_strPass);
            if (DailyReport.Login() == true)
            {
                SaisieRapport FormSaisieRapport = new SaisieRapport();
                FormSaisieRapport.ShowDialog();
            }
            else
            {
                MessageBox.Show("Echec d'authentification : utilisateur inconnu.", "Erreur d'authentification", MessageBoxButton.OK, MessageBoxImage.Hand);
            }
 
        });

27/01/2011, 17h34
Nixeus

Aaa cela fonctionne déja bien mieux ! Merci :)

Petite subtilité cependant, la Form de connection possède un texte animé, et l'animation ne se joue qu'après le traitement terminé. ( mais cette fois si, ma Form est bien affichée). Une idée ?
27/01/2011, 19h10
binoo
Lorsque tu effectues un traitement long et que ce traitement est dans le même thread que celui de l'interface graphique, ton interface va en effet être 'gelée'. Pour éviter cet effet, il faut effectuer ton traitement dans un autre thread.

L'utilisation de BackgroundWorker peut être une option intéressante :
- http://glarde.developpez.com/dotnet/bgworker/cs/
- http://msdn.microsoft.com/fr-fr/magazine/cc163328.aspx
28/01/2011, 09h31
Nixeus

Bonjour et merci de ta réponse,

Je vais donc aller lire tes liens.
Ce BackgroundWorker se chargerai donc à la fin de mon processus de validation d'ouvrire une nouvelle Form. Cela ne posera pas de problème d'ouvrir une nouvelle Form dans thread ?