Flash Catalyst - Ο χώρος εργασίας

• Ενδέχεται 18, 2024

Στο έργο του χαρτοφυλακίου μας, έχουμε δημιουργήσει τα γραφικά για το περιβάλλον χαρτοφυλακίου μας στο Photoshop^R και εισήγαγε το αρχείο PSD στην Adobe^R Λάμψη^R Καταλύτης^TM. Τώρα, είμαστε έτοιμοι να φτιάξουμε τα κουμπιά (που ονομάζονται διαδραστικά στοιχεία) που θα κάνουν το χαρτοφυλάκιο πλοήγησης. Ανοίξτε το αρχείο PortfolioLayout.psd στον Catalyst και ας ρίξουμε μια ματιά. Με την πρώτη ματιά, θα δείτε ότι ο χώρος εργασίας δεν είναι τόσο εκφοβιστικός όσο ο χώρος εργασίας του Flash.

Η κορυφή είναι ο πίνακας "Σελίδες / κράτη" όπου θα βρείτε μια μικρογραφία για κάθε σελίδα του έργου μας. Αυτή τη στιγμή έχουμε μια σελίδα με το πρώτο λογότυπο ορατό. Αλλά για να εμφανίσουμε τα άλλα δύο λογότυπα στο χαρτοφυλάκιο, θα χρειαστεί να δημιουργήσουμε δύο ακόμη σελίδες (κράτη).

Κάτω από τον πίνακα Σελίδες / Στάδια είναι η άποψη του έργου μας, που ονομάζεται Artboard, και κάτω από αυτό είναι ο πίνακας Timeline. Όσοι από εσάς είστε εξοικειωμένοι με το Flash θα παρατηρήσετε ότι η Χρονική Γραφή είναι κάπως διαφορετική στο Catalyst. Όπως μπορείτε να δείτε από τις καρτέλες Μεταβατικές καταστάσεις και Ακολουθίες ενεργειών, εξακολουθούμε να χρησιμοποιούμε τη χρονολογική σειρά για να ελέγξουμε τι συμβαίνει, αλλά η Χρονολογική σειρά δεν διαθέτει αυτά τα γνωστά βασικά καρέ. Αυτό οφείλεται στο γεγονός ότι η Catalyst κάνει τις περισσότερες αποφάσεις σχετικά με το τι συμβαίνει για εμάς καθώς προσθέτουμε τα στοιχεία του UI.

Στα δεξιά, έχουμε τον πίνακα εργαλείων και τα εικονίδια παρόμοια με όλα τα λογισμικά της Adobe. Κάτω από αυτό, έχουμε τον πίνακα "Επίπεδα". Λειτουργεί σαν το Photoshop και το Illustrator^R Πίνακες επιπέδων και όχι σαν στρώματα στο Flash, τα οποία αποτελούν μέρος της χρονικής γραμμής.

Έπειτα, έχουμε τα πάνελ Wireframe Components, Library και Design-Time Data. Κάντε κλικ στην καρτέλα Βιβλιοθήκη και θα δείτε μια λίστα με τα γραφικά και τα στυλ από το εισαγόμενο αρχείο PSD. Πηγαίνετε πίσω στον πίνακα Components Wireframe. Αυτή είναι η ομάδα που περιέχει όλα τα στοιχεία που μπορούμε να προσθέσουμε στο έργο μας. Ονομάζονται "Wireframe" επειδή αυτά τα στοιχεία είναι "γυμνά κόκαλα". Προορίζονται να προστεθούν στα εισαγόμενα γραφικά μας για να κατασκευάσουν οπτικά στοιχεία.

Ο πίνακας Ιδιότητες στον καταλύτη είναι όπως ο πίνακας Ιδιότητες στο Flash. Καθώς επιλέγετε ένα αντικείμενο στο έργο μας, οι επεξεργάσιμες ιδιότητες αυτού του αντικειμένου εμφανίζονται σε αυτόν τον πίνακα. Καθώς εργαζόμαστε στην πλοήγησή μας για αυτό το έργο, θα εισαγάγουμε σε μια νέα ομάδα στον Καταλύτη που ονομάζεται HUD. Αυτήν τη στιγμή, είναι αυτή η γκρίζα καρτέλα με τίτλο "Καμία επιλογή". Μόλις αρχίσουμε να δουλεύουμε, θα επεκταθεί για να μας δώσει τους ελέγχους που χρειαζόμαστε, με βάση το ενεργό αντικείμενο.

Τέλος, για αυτούς τους περίεργους τύπους, μπορούμε να αλλάξουμε τον προεπιλεγμένο χώρο εργασίας του Design στο χώρο εργασίας Code. Απλά κάντε κλικ στο Παράθυρο - Χώρος εργασίας κώδικα στο Menubar. Όπως μπορείτε να δείτε, μοιάζει πολύ με τον πίνακα ενεργειών Flash αλλά αντί του ActionScript βλέπουμε τον κώδικα MXML τον οποίο ο Catalyst παράγει στο παρασκήνιο καθώς δουλεύουμε.

Πνευματικά δικαιώματα 2018 Adobe Systems Incorporated. Ολα τα δικαιώματα διατηρούνται. Οι φωτογραφίες της οθόνης του προϊόντος Adobe ανατυπώνονται με την άδεια της Adobe Systems Incorporated. Adobe Photoshop, Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, είναι / είναι είτε [ή] καταχωρισμένο εμπορικό σήμα ή εμπορικό σήμα της Adobe Systems Incorporated στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.

Οδηγίες Βίντεο: New Raspberry Pi 3 Tutorial - How to Set Up for Gaming & Entertainment Projects (Ενδέχεται 2024).