Sommario:
Video: Edge Animate tutorial: Using presets for responsive layout | lynda.com 2024
Adobe Edge Animate CC fornisce convenientemente Layout preset. È possibile selezionare diversi predefiniti di layout invece di configurare da soli le impostazioni. Esistono diversi predefiniti di layout in base al tipo di elemento selezionato dallo stage. Ci sono diversi preset per i due principali tipi di elementi utilizzati nella tua animazione:
-
Le caselle di testo e gli altri elementi disegnati hanno i loro preset.
-
Immagini: vengono visualizzate impostazioni diverse a seconda che l'immagine sia img o div.
I preset di layout hanno più senso quando la larghezza e l'altezza dello stage sono formattati in percentuale.
Caselle di testo ed elementi disegnati
I diversi predefiniti di layout per caselle di testo ed elementi disegnati come rettangoli ed ellissi includono questi:
-
Posizione scala: Imposta gli elementi per utilizzare% invece di px per la posizione (come mostrato).
-
Dimensione scala: Imposta gli elementi per utilizzare% anziché px per la dimensione (come mostrato).
Utilizzo della preimpostazione del layout della posizione della scala. Utilizzo della preimpostazione del layout Scala.
Immagini
Se hai impostato la tua immagine come img, allora sotto Preset Layout vengono visualizzate diverse opzioni rispetto a quando imposti l'immagine come div. Sia img che div forniscono gli stessi preset di layout, ovvero la posizione della scala e le dimensioni della scala, come elementi disegnati.
Img imposta l'immagine come un'immagine normale sullo stage. Div imposta l'immagine come immagine di sfondo.
Per immagini normali, è possibile selezionare una preimpostazione di layout immagine in scala (come descritto in questa figura).
Preimpostazioni di layout per immagini impostate come img dal pannello Proprietà.Le immagini impostate come div che fungono da immagini di sfondo hanno ancora più opzioni, come mostrato.
È possibile scegliere tra quattro diversi preset di layout di immagine di sfondo.Per avere un'idea di cosa fa ogni diverso layout predefinito, fai semplicemente clic sulla casella per la descrizione, quindi fai clic su Applica.
C'è un altro posto per configurare i layout di default vicino al menu principale. Se si fa clic sull'icona Impostazioni predefinite layout (come mostrato), viene visualizzato un menu che consente di selezionare un'impostazione predefinita per posizionamento relativo, px (pixel) o percentuale; puoi anche scegliere come usare le immagini.