Silverlight kickstart
Έτρεξα, χτες, μετά απο πολύ καιρό το Expression Blend [2 September Preview, latest release] και περιηγήθηκα στα dark panels του. Είδα τον default κώδικα που υπάρχει στο XAML αρχείο κι έπειτα προσέθεσα στο Artboard ένα Rectangle, ένα Text box καθώς κι ένα storyboard, για να δοκιμάσω μερικά tweens. Παρατηρούσα, παράλληλα, το XAML αρχείο, όπου για το κάθε τι, δημιουργούσε/ έσβηνε (σε περίπτωση delete) το αντίστοιχο tag με τα απαραίτητα attributes που το περιγράφουν, όλα τακτικά, κατανοητά και fully customizable. Τα panels ενώ είναι πολλά, είναι τοποθετημένα, έτσι ώστε κι ο starter να μην δυσκολευτεί να κατατοπιστεί στο workspace. Στην περίπτωση του storyboard, στο XAML αρχείο ανοίγει ένα storyboard tag και μεσα σ' αυτό, σε ξεχωριστά tags, περιγράφονται οι μεταβολλές του συνολικού tween που έχουμε δημιουργήσει με click στο artboard και στο timeline. Η γνώση XML φτάνει και περισσεύει για να κατανοήσουμε την XAML.
Όσο για το tweening όσοι έχουν ασχοληθεί με tweens σε κάποιο πρόγραμμα με timeline (πχ Flash, Blender 3D) δεν θα δυσκολευτούν καθόλου. Η λογική είναι η ίδια: frames και keyframes. Στο Blend, ωστόσο, το Timeline δεν είναι frame-based, αλλά time-based, much better κατα τη γνώμη μου.. Για όσους δεν έχει τύχει να γνωρίζουν τα keyframes και θέλουν ν ασχοληθούν με το Blend παραθέτω ένα παράδειγμα.
Έστω ότι θέλουμε να φτιάξουμε ένα κείμενο που θα κάνει fade-in θα παραμένει για 2 δευτερόλεπτα κι έπειτα θα κάνει fade-out. Προσθέτουμε ένα Text Block και γράφουμε το κείμενο μας. Έπειτα προσθέτουμε καινούργιο Storyboard (από το panel "Objects and Timeline") και, αφού το επιλέξουμε, το Blend μάς ειδοποιεί, ότι 'Timeline recording in on'. Τότε, έχοντας επιλεγμένο πάντα το Τext Block μας κανουμε τα εξής:
[ Παρένθεση: Στα προγράμματα που τα keyframes τοποθετούνται με
recording, για να προστεθεί αυτόματα ένα keyframe στο frame που είναι ο δείκτης
του Timeline πρέπει να μεταβληθεί η θέση ή το σχήμα του αντικειμένου
μας. ]
t=0:00,00 Opacity:0 (panel: Properties > Appearance)
t=0:01,00 Opacity:100,
t=0:03,00 Δεν γινεται καμία μεταβολή και για να καταγραφεί το keyframe πατάμε το κουμπί: 
t=0:04,00 Opacity:0. Τελικά το timeline παίρνει την εξής μορφή.
Για t=t0 κινούμε ανάλογα τον δείκτη του Timeline. Σήμερα τέλειωσα το πρώτο μου Silverlight movie κι έχω ένα θέμα στο export.. Θα το βάλω στο επόμενο post.
Για coding περιμένω το Visual Studio 2008. Νομίζω είναι τσάμπα κόπος να κατεβάζω και να εγκαθιστώ beta εκδόσεις ενώ σε 5-10 μέρες θα έχει βγεί η κανονική. Από το λίγο που κοίταξα στη C# για να αναπαραγάγω το movie που έχω φτιάξει, φαίνεται αρκετά απλή η σύνδεση .cs και .xaml..ανυπομονώ να πω την αλήθεια.. Ωστόσο στο silverlight.net βρήκα ένα ωραίο video για προγραμματισμό silverlight application..για να μας ανοίγει την όρεξη
Check: silverlight.net | getting started