none
Ouverture/Navigation des pages avec annimation effet glissé lors de l'ouverture RRS feed

  • Question

  • Bonjour je me présente, Mehdi Bugnard ! ;)

    Débutant développeur en programmation sur windows phone 7 . :geek:
    Effectivement j'ai commencé un petit programme tout simple sur le logiciel de développement

    "Microsoft Visual Express 2010 for Windows phone 7"

    Ce programme servant seulement à naviguer entre quelques pages et de revenir aux menus afin de connaître les bases !
    Tout fonctionne à merveille, cependant je bloque face à un petit souci ....qui est d'ajouter une petite animation lors de l'ouverture des pages toute simple tel qu'un effet de glissement que l'ont retrouve sur le thème de son W.P.7 !!
    exemple ici:http://msdn.microsoft.com/en-us/Video/gg232540

    Cependant toutes mes recherches aboutissent à des explications plutôt très complexe pour moi et tout en anglais !
    Certain utilise "Express Blend" afin de créer un new thème...mais je pensais que microsoft aurait tout de même pensé à ajouter une fonction tout bête qui permettrait d'ajouter un effet visuel au chargement de la page nan ??... ?:
    mardi 21 décembre 2010 11:39

Réponses

Toutes les réponses

  • Bonjour,

     

    Pour le moment, aucun composant prédéfini n’existe pas pour une telle fonctionnalité. Expression Blend est le meilleur choix, à mon avis, pour ce que vous voulez faire.

     

    Cordialement,

    Alex

    ________________

    Publiez un article sur MSDN !

    Windows Phone 7

    Astuces pour Visual Studio 2010

    XNA – Développement jeux vidéo

    Didacticiels et astuces : VB.NET, C#, ASP.NET, .NET Framework, Silverlight, Workflow Foundation, SharePoint, WPF

    Microsoft propose ce service gratuitement, dans le but d'aider les utilisateurs et d'élargir les connaissances générales liées aux produits et technologies Microsoft. Ce contenu est fourni "tel quel" et il n'implique aucune responsabilité de la part de Microsoft.

     

     


    Suivez MSDN sur Twitter 

    • Marqué comme réponse Alex Petrescu mercredi 29 décembre 2010 10:04
    mardi 28 décembre 2010 13:24
  • Bonjour Mehdi !

    De mon côté j'utilise TransitionServices, présent dans le Silverlight Toolkit for Windows Phone.

    Une fois la référence au toolkit ajoutée, la procédure est la suivante :

    1. Trouver la méthode InitializePhoneApplication dans l'App.xaml.cs, et remplacer la ligne

    RootFrame = new PhoneApplicationFrame();

    par

    RootFrame = new TransitionFrame();

    2. Ajouter et adapter le code XAML qui va instancier les transitions. Tu verras qu'il y a plusieurs transitions différentes, avec des modes liés.
        RollTransition, RotateTransition, SlideTransition, SwivelTransition et TurnstileTransition.

    <toolkit:TransitionService.NavigationInTransition>
     <toolkit:NavigationInTransition>
      <toolkit:NavigationInTransition.Backward>
       <toolkit:TurnstileTransition Mode="BackwardIn"/>
      </toolkit:NavigationInTransition.Backward>
      <toolkit:NavigationInTransition.Forward>
       <toolkit:TurnstileTransition Mode="ForwardIn"/>
      </toolkit:NavigationInTransition.Forward>
     </toolkit:NavigationInTransition>
    </toolkit:TransitionService.NavigationInTransition>
    <toolkit:TransitionService.NavigationOutTransition>
     <toolkit:NavigationOutTransition>
      <toolkit:NavigationOutTransition.Backward>
       <toolkit:TurnstileTransition Mode="BackwardOut"/>
      </toolkit:NavigationOutTransition.Backward>
      <toolkit:NavigationOutTransition.Forward>
       <toolkit:TurnstileTransition Mode="ForwardOut"/>
      </toolkit:NavigationOutTransition.Forward>
     </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>
    

    La procédure est décrire sur ce blog : http://blogs.msdn.com/b/pierreca/archive/2010/12/14/windows-phone-7-animations-tilt-sur-des-contr-244-les-et-transitions-entre-les-pages.aspx

     

    PS : je ne sais pas si tu le sais, mais pour utiliser la balise <toolkit:xxx></toolkit:xxx>, il te faut non seulement ajouter la référence au toolkit au sein du projet (clique-droit sur la solution/Ajouter une référence/Parcourir, mais aussi dans les pages XAML où tu veux t'en servir, en ajoutant cette ligne tout en haut, dans le <phone:PhoneApplicationPage.

    <xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit">   

    En réalité, tu pourrais l'appeler riri, fifi ou loulou au lieu de toolkit.


    En espérant avoir pu t'aider,
    Ashura.

    lundi 3 janvier 2011 15:25
  • Yeahh Merci à tous  !! Vous m'avez vraiment bien aider ^^

    C'est très gentil à vous d'avoir repondu ma question et desoler du temps que j'ai mis avoir d'y avoir repondu

    lundi 7 février 2011 19:54