Πώς να ρυθμίσετε την τοποθέτηση και το μέγεθος στην άκρη Animate - dummies

Το Adobe Edge Animate CC δεν έχει έλλειψη ρυθμίσεων όταν πρόκειται για τοποθέτηση και μεγέθυνση. Πολλά από αυτά τα χαρακτηριστικά λειτουργούν καλύτερα όταν φωλιάζουν στοιχεία, έτσι θέλετε να κατανοήσετε πώς λειτουργεί ο πίνακας στοιχείων.

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

Ρυθμίστε τη σχετική θέση

Καθορίζοντας τη σχετική θέση ενός στοιχείου, επηρεάζεται η γωνία του στοιχείου σας όταν το αλλάξετε το μέγεθος. Μπορείτε να βρείτε τα χαρακτηριστικά θέσης και μεγέθους στον πίνακα Ιδιότητες (όπως φαίνεται στην εικόνα). Βεβαιωθείτε ότι έχετε επιλέξει ένα στοιχείο από το Στάδιο για να εμφανιστούν αυτά τα χαρακτηριστικά.

Εδώ η σχετική θέση χρησιμοποιείται στο πλαίσιο του Edge Animate. Σημειώστε ότι δεν σημαίνει ότι είναι η ίδια η σχετική τοποθέτηση στα Φύλλα Στυλ Cascading (δηλαδή, η διάκριση μεταξύ Θέσης: απόλυτη και Θέση: σχετική). Σε αυστηρούς όρους CSS, το Edge Animate 1. 0 χρησιμοποιεί μόνο την απόλυτη τοποθέτηση.

Δείτε πώς μπορείτε να ελέγξετε τον τρόπο με τον οποίο λειτουργεί η σχετική θέση στο Edge Animate:

1. Βεβαιωθείτε ότι η επάνω αριστερή γωνία του στοιχείου είναι επισημασμένη (όπως φαίνεται στο σχήμα).

2. Ρυθμίστε το πλάτος ή το ύψος του στοιχείου χρησιμοποιώντας τα χαρακτηριστικά W και H (όπως φαίνεται στο σχήμα).

   Παρατηρήστε ότι όταν ρυθμίζετε το πλάτος ή το ύψος, η επάνω αριστερή γωνία του στοιχείου παραμένει εκεί όπου είναι, ενώ το υπόλοιπο στοιχείο συρρικνώνεται ή αυξάνεται.

3. Επιλέξτε την κάτω δεξιά γωνία, αλλάξτε το μέγεθος του στοιχείου και δείτε τι κάνει η διαφορά.

   Η κάτω δεξιά γωνία παραμένει στην ίδια θέση ενώ επηρεάζονται οι άλλες τρεις γωνίες.

   

   Ρύθμιση της σχετικής θέσης για να επηρεάσει τον χειρισμό των στοιχείων.