Shellstyle with texts animated : wow ....

[rajtheeban]

Ok I've just shared my last and first visual style, Tran's'pace, in its ultimate version  8)

I was boring with the static text by default in vista, in the shellstyle 

I've been the idea to install some animations to brighten the navigation in explorer: This is, in exclusivity, the first visual style and shellstyle with texts animated in the detail pane: 

http://www.youtube.com/watch?v=7N2pLm3wEww

I'll try to publish a tuutorial wich explains how to do; for the moment you can download the VS and see in the shellstyle the modifications brought

Many thx to K-Johnson and Cyntar7 for the beta-test   

What do you think ?

[iJesse]

I love it, will be waiting for some kind of tutorial

[rajtheeban]

is coming soon  8)

if you find others animations, it will be great

for example a zoom effect?
other effect: the text appears from left and disappears to right ?

we can bring others modifications, like thumbnails animated

[Panda X]

You can animated just about anything in DirectUI as long as the element you're trying to animate is defined in DUIXML.

[Panda X]

By the way what animations are these?

[rajtheeban]

i have made a tutorial:

http://RajTheeban95.deviantart.com/art/Texts-animated-in-Shellstyle-135144853

 Open the shellstyle from your custom visual style .
" open the 1.txt file  (Make a backup for this file )
"Search the following text or something like that (for "Documents"): <MetadataElement ThemeSubApp="DocumentsPreviewPaneControl" /> http://nsa08.casimages.com/img/2009/08/29/090829014004614504.png
" on the following lign, add this text :

- (if you choose the "expand" animation):
<element id="atom(animation)" animation="rectangle|exp|fast"/> (you must get something like that: http://nsa07.casimages.com/img/2009/08/29/090829014221161648.png

- or (if you choose the "fade out" animation) add :
<element id="atom(animation)" accessible="true" alpha="0" animation="alpha|s|veryslow"/> http://nsa08.casimages.com/img/2009/08/29/090829014432512789.png

- (if you choose the "position" animation):
<element id="atom(animation)" animation="position|exp|fast"/>

- (if you choose the "rectanglev" animation):
<element id="atom(animation)" animation="rectanglev|exp|fast"/>

- (if you choose the "rectangleh" animation):
<element id="atom(animation)" animation="rectangleh|exp|fast"/>

 After, the same thing with "Games", "Windows Explorer", "Music", and finally "Pictures",like show in this picture : http://nsa07.casimages.com/img/2009/08/29/090829014924647718.png (for expand animation in this example)
Save the changes


Don't hesitate to use them for your next visual style 


I'm trying to add these animations for the thumbnail, but it is impossible

[Panda X]

Thanks. I never seen expand before.

[K-Johnson]

Thanks for the tutorial.