Inhoudsopgave:
Video: Edge Animate tutorial: Using presets for responsive layout | lynda.com 2024
Adobe Edge Animate CC biedt gemakkelijk Layout presets. U kunt verschillende lay-outpresets selecteren in plaats van de instellingen zelf te configureren. Er zijn verschillende lay-outpresets, afhankelijk van het type element dat u in het werkgebied selecteert. Er zijn verschillende voorinstellingen voor de twee hoofdtypen elementen die in uw animatie worden gebruikt:
-
Tekstvakken en andere getekende elementen hebben hun eigen voorinstellingen.
-
Afbeeldingen: verschillende instellingen verschijnen, afhankelijk van of de afbeelding een img of een div is.
Vooraf ingestelde lay-outs zijn zinvoller wanneer de breedte en hoogte van het werkgebied worden opgemaakt met procent.
Tekstvakken en getekende elementen
De verschillende opmaakvoorinstellingen voor tekstvakken en getekende elementen zoals rechthoeken en ellipsen zijn onder meer deze:
-
Schaalpositie: Stelt elementen in om% te gebruiken in plaats van px voor de positie (zoals getoond).
-
Schaalgrootte: Stelt elementen in om% te gebruiken in plaats van px voor de grootte (zoals afgebeeld).
De lay-outvoorinstelling schaalpositie gebruiken. De lay-outvoorinstelling Schaalgrootte gebruiken.
Afbeeldingen
Als uw afbeelding is ingesteld als een img, worden verschillende opties weergegeven onder Vooraf ingestelde lay-outs dan als u de afbeelding als div instelt. Zowel img als div bieden dezelfde lay-outpresets - schaalpositie en schaalgrootte - als getekende elementen.
Img stelt de afbeelding in als een normale afbeelding in het werkgebied. Div stelt de afbeelding in als achtergrondafbeelding.
Voor normale afbeeldingen kunt u een voorinstelling voor de standaardafbeelding van de schaal selecteren (zoals beschreven in deze afbeelding).
Lay-outpresets voor afbeeldingen ingesteld als img vanuit het paneel Properties.Afbeeldingen die zijn ingesteld als div en fungeren als achtergrondafbeeldingen hebben zelfs meer opties, zoals weergegeven.
U kunt kiezen uit vier verschillende standaardafbeeldingslay-outvoorinstellingen.Om een idee te krijgen van wat elke verschillende vooraf ingestelde lay-out doet, klikt u eenvoudig op het vakje voor de beschrijving en vervolgens op Toepassen.
Er is nog een plaats om standaardlay-outs te configureren in de buurt van het hoofdmenu. Als u op het pictogram Standaard lay-out klikt (zoals weergegeven), verschijnt een menu waarmee u een standaardinstelling voor relatieve positionering, px (pixels) of percentage kunt selecteren; je mag ook kiezen hoe je afbeeldingen moet gebruiken.