Flip page demo using WPF


[Update: source code available here


Let’s have a little fun using WPF !


In this very short post, I am just giving you a preview of a page flip control that I am working on. The algorithm is mixing C# code and WPF 2D transformations and clipping. Once again, using WPF, we have all the benefits of the graphic hardware acceleration and a reduced remaining code to write.


This version is developed with .Net Framework 3.0 RC1 components. You can test it with Windows Vista or Windows XP SP2 + .Net Framework 3.0 RC1 installed.


I will provide the whole source code of this solution when the control will be completely finished (I hope in a few weeks). For the moment you can find the binaries attached to this post.



Video: WPF Flip page sample 


 


 

winappFlipPage.zip

Comments (25)

  1. Erik says:

    Very nice! It does have some issues if you move your mouse really weird, but overall impressive 🙂

  2. badrbadr says:

    J’ai hate que tu nous montre la technique derrière

  3. Kevin Moore says:

    YOU ARE A ROCK STAR!

    Beautiful!

  4. laurenbo says:

    mitsu tu nous fais flipper … 🙂

  5. Alain.T says:

    Je me souviens que BeOS faisait ça en Natif en 1998.

    Encore une innovation à la sauce Redmond !

  6. mitsu says:

    Cher Alain, une remarque bien facile à laquelle je vais répondre: directX fait également plein de choses mieux que WPF et depuis bien longtemps. L’interface Mac est également impressionnante. Sur ce blog, je parle de technologie et qui aujourd’hui offre une facilité de développement de ce genre aussi abordable que WPF ? Aujourd’hui n’importe qui va pouvoir faire en qques lignes ce qui demandait d’être expert il n’y a pas si longtemps.

  7. Aleks says:

    Euuu c’est pas très vendeur ce que tu es en train de dire Mistu … en fait tu nous expliques que nos salaires ne seront plus justifiés :p

  8. mitsu says:

    Question facile, réponse facile:

    Pour un même temps de travail, tu vas pouvoir ajouter plus de valeur à ton travail. Quel devrait-être l’impact sur ton salaire ? 🙂

  9. Eric rksoft says:

    Pas mal ton echiquier en 3D. manque plus que les pièces.

  10. Gabriel says:

    Looks fantastic, whe will the source be available?

  11. jch says:

    Mitsu

    tu mis

    us tim

    cool non?

  12. rodrigoRatan says:

    nice demo! hope you can share the code with us.. I would like to use it as a ‘layout’ for a blog 🙂

  13. El pedro says:

    C’est super utile ca !

    Heureusement que Ms est la pour le faire !

    Vive Ms

  14. Daniel says:

    Just a comment to say that it looks cool, the CPU isn’t overbooked when I continuously roll the page.

    Also I do support you about what you wrote about implementing BeOS and/or Mac graphical features in an easy way.

    (By the way, perhaps we will get in touch soon through Jean-François)

  15. Emre says:

    When will you share this application codes. I m wait you 🙂 Thanks Again

  16. Mitsu's blog says:

    After a long time of work on my free time here is finally a first version of the flip page demo ( http://blogs.msdn.com/mitsu/archive/2006/11/05/flip-page-demo-using-wpf.aspx

  17. manu says:

    Oui je trouve ca bien de pouvoir manipuler les images

    aussi facilement mais je trouve que l’on perd beaucoup

    niveau programmation avec toutes ces classes on nous eloignes de plus en plus de la machine,

    d’ailleurs je me demande si c’est encore de la programmation ca se rapproche de plus en plus a un

    demo-maker bientot on auras plus qu’à cliquer pour programmer.

  18. mitsu says:

    Humm, trop facile ou trop de classes ?

    J’aime être proche de la machine. .Net est une nouvelle technologie qui même si elle est JITée a une architecture qui respecte celà. Pour le graphisme, la vraie puissance proche de la machine, c’est DirectX. On y manipule le hardware quasi directement, on adapte son code à ce que sait faire la carte graphique. Je ne pense pas que c’est ce que vous ayez envie de faire pour afficher des données. L’abstraction qu’apporte WPF avec toutes ses classes vous permet de ne pas vous en occuper ou presque.

    Je vous rassure, nous sommes très loin d’une technologie de démo et nous sommes bien sur du code binaire natif qui s’exécute.

    Cordialement,

    Mitsu

  19. Olivier says:

    Très belle démo. Vivement la version de VS qui intégrera tous les designers pour faire tout ça en visuel 🙂

    En écho à quelques remarques laissées : la programmation ‘des durs, des tatoués’, au sens du bricolage de bits a déjà presque totalement disparu comme le métier de "programmeur".

    Qui se rappelle du métier des "pupitreurs" qui travaillaient sur les Maiframes IBM ou Bull ?

    L’informatique du présent et du futur raisonne sur des concepts évolués et plus sur le bas niveau car les applications sont bien plus complexe qu’il y a 20 ans. Il y aura certes toujours des gens qui feront du bas niveau (pour créer les libs, les compilos) exactement comme il existe des ingés qui conçoivent les circuits intégrés. Quel informaticien se soucie de savoir ce que sont les grilles de Karnaugh ou comment on fabrique de la ‘logique précablée’ et pourtant c’est ça le vrai ‘bas niveau’ !? Plus personne (pas même moi qui suis pourtant electronicien de formation). Il en sera bientôt ainsi pour le code "bas niveau". Mieux vaut se préparer à cette nouvelle ère que de pleurer sur la beauté du bas niveau. Ce n’est déjà plus qu’un mythe…

  20. Luigi says:

    J’ai vu la démo, c’est effectivement très puissant, mais est-ce aussi consommateur qu puissant ? WPF intègrera t’il également une optimisation OPENGL, en plus de DIRECTX/3D ?

    Ca pourrait être sympa pour le mélange des genres….

  21. Police Programmer says:

    Your tutorial seems cool! I just wonder if you have a plan to translate you blogs into english, so that not only french people can understand it.(:D

  22. icewall says:

    Bravo Mitsu !!! Ce que tu as réalisé avec WPF est vraiment trop beau. Tu dois être un expert en .NET.

    Cela ne fait que quelques mois que j’apprends à programmer sous .NET et je ne verrai pas WPF dans mes cours… As-tu des conseils à me donner pour progresser en WPF sachant que je n’y connais rien ?

  23. Yoboue says:

    Je n’arrive pas à utiliser le contrôle dans mon application silverlight. Comment on fait ?

  24. Bamshad A says:

    Thank you very much, we use your control and it is really nice effect and impressive. I should say that the code is not buggy and everything is correct

    thanks again

    Bamshad