Κοινή χρήση τεχνολογίας

Axure Tutorial: Διαδραστική παραγωγή του μενού συρταριού της εφαρμογής

2024-07-08

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Σήμερα θα σας δείξω πώς να χρησιμοποιείτε το μενού συρταριών στο Axure. Στο μενού του συρταριού, πρέπει να επιτευχθούν δύο διαδραστικά εφέ, και συγκεκριμένα:

Αλληλεπίδραση ένα

Το εφέ κλιμάκωσης των στοιχείων μενού επιπέδου 1 και επιπέδου 2 στο μενού συρταριών

Λογική υλοποίησης: ρύθμιση της κατάστασης μεταγωγής του δυναμικού πίνακα και υλοποίηση "push/pull the original".

Αλληλεπίδραση 2

Αλλαγή της επιλεγμένης κατάστασης ενός στοιχείου μενού

Λογική υλοποίησης: Ορίστε την επιλεγμένη κατάσταση στη βοηθητική προβολή

Ας ρίξουμε μια ματιά στα βήματα υλοποίησης:

Αλληλεπίδραση 1: Εφέ κλιμάκωσης των στοιχείων μενού επιπέδου 1 και επιπέδου 2 στο μενού συρταριών

βήμα 1

1. Σύρετε σε ένα δυναμικό πλαίσιο και προσαρμόστε το μέγεθος του δυναμικού πίνακα.

2. Κάντε διπλό κλικ στο δυναμικό πλαίσιο, ορίστε το όνομα του δυναμικού πίνακα: "Μενού 1", προσθέστε 2 καταστάσεις δυναμικού πίνακα, με το όνομα αντίστοιχα: Σύμπτυξη, Ανάπτυξη

Βήμα 2

1. Κάντε διπλό κλικ στην κατάσταση αναδίπλωσης για να εισέλθετε στη σελίδα κατάστασης "διπλωμένη".

2. Σύρετε ένα ορθογώνιο στη σελίδα και ορίστε το όνομα σε "Menu 1-Collapse". Αλλάξτε το μέγεθος του Μενού 1 και εισάγετε το κείμενο "Μενού 1".

3. Σύρετε την εικόνα του αναπτυσσόμενου βέλους και προσαρμόστε το μέγεθος

Βήμα 3

Προσθέστε το ποντίκι και τα στυλ επιλογής του "Menu 1-Collapse" και ορίστε το χρώμα γραμματοσειράς: μπλε και χρώμα γεμίσματος: ανοιχτό γκρι αντίστοιχα.

Βήμα 4

Χρησιμοποιήστε την περίπτωση κατά τη ρύθμιση του κλικ του ποντικιού στο ορθογώνιο "Menu 1-Collapse":

Επιλέξτε την ενέργεια "Εναλλαγή κατάστασης πίνακα", ορίστε το "Μενού 1" για μετάβαση στην κατάσταση "Εκτεταμένη" και επιλέξτε το χαρακτηριστικό "Στοιχείο ώθησης/τραβήγματος".

Βήμα 5

1. Αντιγράψτε τα περιεχόμενα της κατάστασης "σύμπτυξη" του δυναμικού πίνακα στη σελίδα "αναπτυγμένη" κατάσταση

2. Στη σελίδα κατάστασης "Ανάπτυξη", αλλάξτε το όνομα του ορθογωνίου σε "Μενού 1-Ανάπτυξη".

Αλληλεπίδραση 2: Αλλαγή της επιλεγμένης κατάστασης των στοιχείων μενού

Βήμα 6

1. Αντιγράψτε το "Menu 1-Expand" ως υπομενού, τροποποιήστε το κείμενο του στοιχείου ονόματος και ονομάστε το: Υπομενού 1

2. Ρυθμίστε το συμβάν κλικ του ποντικιού του υπομενού 1, επιλέξτε την ενέργεια "Set Selected" και διαμορφώστε το τρέχον στοιχείο που θα επιλεγεί.

Βήμα 7

1. Αντιγράψτε πολλά υπομενού σε παρτίδες, τροποποιήστε το κείμενο και ονομάστε τα αντίστοιχα.

2. Αφού επιλέξετε όλα τα πολλαπλά υπομενού, ορίστε το όνομα της ομάδας επιλογής: 1

Κάντε προεπισκόπηση για να δείτε το αποτέλεσμα.