Ενεργοποίηση γραφικών σε κουμπιά σε Flash Catalyst

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

Τώρα που έχουμε εισάγει το αρχείο έργου χαρτοφυλακίου PhotoshopLayout.psd στην Adobe^R Λάμψη^R Καταλύτης^TM και έχουν εξερευνήσει το χώρο εργασίας Catalyst, είμαστε έτοιμοι να εργαστούμε για την πλοήγηση για το χαρτοφυλάκιό μας.

Αυτή τη στιγμή, έχουμε μόνο μία σελίδα, ή κατάσταση, στο έργο μας. Πρέπει να δημιουργήσουμε δύο ακόμη σελίδες για να μπορέσουμε να εμφανίσουμε ένα διαφορετικό λογότυπο σε κάθε σελίδα.

1. Στον πίνακα "Σελίδες / κράτη", θα πατήσουμε δύο φορές το κουμπί "Διπλότυπα κράτη". Αυτό θα μας δώσει Page2 και Page3. Όμως, όλοι είναι όμοιοι. Ας το φροντίσουμε.

2. Κάντε κλικ στο εικονίδιο Page1 και μεταβείτε στον πίνακα "Επίπεδα". Ανοίξτε το φάκελο Λογότυπα. Θέλουμε μόνο το λογότυπο 1 να είναι ορατό σε αυτή τη σελίδα. Απενεργοποιήστε την ορατότητα για το λογότυπο 2 και 3.

3. Κάντε κλικ στο εικονίδιο Page2 και απενεργοποιήστε την ορατότητα για το λογότυπο 1 και 3. Ενεργοποιήστε την ορατότητα για το λογότυπο 2.

4. Κάντε κλικ στο εικονίδιο Page3 και απενεργοποιήστε την ορατότητα για το λογότυπο 1 και 2. Ενεργοποιήστε την ορατότητα για το λογότυπο 3.

Στη συνέχεια, θα δημιουργήσουμε τα κουμπιά για το χαρτοφυλάκιό μας. Έχουμε μια μικρογραφία για κάθε λογότυπο. Αυτά θα είναι τα κουμπιά.

5. Επιστρέψτε στη σελίδα 1 κάνοντας κλικ στο εικονίδιο στον πίνακα Σελίδες / κράτη. Στον πίνακα "Επίπεδα", ανοίξτε το φάκελο Thumbnails. Στο Artboard, κάντε κλικ στη μικρογραφία για το λογότυπο 1. Όταν το κάνετε αυτό, θα δείτε το HUD ανοιχτό και ο πίνακας Properties θα αλλάξει.

Ας εργαστούμε πρώτα στο HUD. Εδώ θα πούμε στο Catalyst ότι θέλουμε να κάνουμε αυτή την εικόνα bitmap σε ένα κουμπί.

6. Στο στοιχείο Μετατροπή έργων τέχνης, κάντε κλικ στο Μετατροπή έργου σε στοιχείο και επιλέξτε Κουμπί από τη λίστα κατασκευαστών. Το HUD θα αλλάξει για να μας δώσει νέα στοιχεία ελέγχου για το κουμπί μας. Αναπτύξτε τη λίστα προσαρμοσμένων αλληλεπιδράσεων και, στη συνέχεια, κάντε κλικ στο εικονίδιο Plus. Επιλέξτε On On (Κλικ) από τη λίστα. Θα λάβετε ένα άλλο αναπτυσσόμενο μενού που ονομάζεται Δράση. Από αυτό το μενού, επιλέξτε Αναπαραγωγή μετάβασης σε κατάσταση. Από το αναπτυσσόμενο μενού Επιλογή χώρας, επιλέξτε Σελίδα1 επειδή θέλουμε αυτό το κουμπί να μεταφέρει τον θεατή στη σελίδα1.

7. Κάντε κλικ στη μικρογραφία για το λογότυπο 2 και επαναλάβετε το προηγούμενο βήμα. Ρυθμίστε την επιλογή Κράση στη σελίδα2.

8. Κάντε κλικ στη μικρογραφία για το λογότυπο 3 και επαναλάβετε το προηγούμενο βήμα. Ορίστε την επιλογή Κράση στη σελίδα3.

Ας δοκιμάσουμε τα κουμπιά μας. Από το μενού, κάντε κλικ στην επιλογή Αρχείο - Εκτέλεση έργου. Θα ανοίξει στο πρόγραμμα περιήγησης ιστού σας. Καθώς κάνετε κλικ σε κάθε κουμπί, θα πρέπει να είναι ορατό το σωστό λογότυπο.

Στο επόμενο σεμινάριο, θα μειώσουμε το κουμπί για το ορατό λογότυπο και θα προσθέσουμε μια μετάβαση μεταξύ των σελίδων.

Πνευματικά δικαιώματα 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 στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.

Οδηγίες Βίντεο: How I Made My Own Android Phone - in China (Ενδέχεται 2024).