Cum se configurează poziționarea și dimensionarea în margine Animate - dummies

Adobe Edge Animate CC nu are lipsă de setări în ceea ce privește poziționarea și dimensionarea. Multe dintre aceste funcții funcționează cel mai bine atunci când cuibăresc elemente, așa că doriți să înțelegeți cum funcționează panoul Element.

Poziționarea se referă la coordonatele elementului relativ fie la Etapă, fie la elementul părinte când un element este implantat în celălalt. De asemenea, puteți utiliza un atribut de poziție pentru a influența modul în care doriți să reacționeze elementul atunci când îl măriți.

Setați poziția relativă

Specificând poziția relativă a unui element afectează colțul elementului dvs. atunci când îl redimensionați. Puteți găsi atributele Poziție și dimensiune în panoul Proprietăți (după cum se arată). Asigurați-vă că selectați un element din scenă pentru a avea aceste atribute. Aici

poziția relativă este folosită în contextul Edge Animate; rețineți că aceasta nu înseamnă același lucru ca poziționarea relativă în foile de stil cascadă (adică distincția dintre Poziție: absolută și Poziție: relativă). În termeni strict CSS, Edge Animate 1. 0 folosește numai poziționarea absolută.

Iată cum puteți testa modul de funcționare a poziției relative în Edge Animate:

Asigurați-vă că colțul din stânga sus al elementului este evidențiat (după cum se arată în figură).

1. Reglați lățimea sau înălțimea elementului utilizând atributele W și H (așa cum este indicat în figura).

2. Observați că atunci când ajustați lățimea sau înălțimea, colțul din stânga sus al elementului rămâne în locul în care este, în timp ce restul elementului se micșorează sau crește.

   Selectați colțul din dreapta jos, redimensionați elementul și vedeți ce diferență produce.

3. Colțul din dreapta jos rămâne în aceeași locație, în timp ce celelalte trei colțuri sunt afectate.

   Setarea poziției relative pentru a influența modul în care sunt manipulate elementele.