Bagaimana Konfigurasi Positioning dan Sizing di Edge Animate - dummies

Adobe Edge Animate CC tidak mempunyai kekurangan tetapan ketika datang ke posisi dan ukuran. Banyak ciri-ciri ini berfungsi dengan baik semasa elemen bersarang, jadi anda mahu memahami bagaimana panel Unsur berfungsi.

Position merujuk kepada koordinat elemen relatif sama dengan Tahap atau elemen induk apabila satu elemen bersarang di dalam yang lain. Anda juga boleh menggunakan atribut kedudukan untuk mempengaruhi bagaimana anda mahu elemen bertindak balas apabila anda mengukurnya.

Tetapkan kedudukan relatif

Menetapkan kedudukan relatif elemen mempengaruhi sudut mana elemen anda dimanipulasi apabila anda mengubah saiznya. Anda boleh menemui atribut Kedudukan dan Saiz dalam panel Properties (seperti yang ditunjukkan). Pastikan untuk memilih elemen dari Peringkat untuk mempunyai atribut ini muncul.

Di sini kedudukan relatif digunakan dalam konteks Edge Animate; ambil perhatian bahawa ia tidak bermaksud sama dengan kedudukan relatif dalam Lembaran Gaya Cascading (iaitu, perbezaan antara Kedudukan: mutlak dan Kedudukan: relatif). Dalam istilah CSS yang ketat, Edge Animate 1. 0 hanya menggunakan kedudukan mutlak.

Berikut ialah cara untuk menguji cara kedudukan relatif berfungsi di Edge Animate:

1. Pastikan sudut kiri atas elemen diserlahkan (seperti ditunjukkan dalam angka).

2. Laraskan lebar atau ketinggian elemen dengan menggunakan atribut W dan H (seperti yang ditunjukkan dalam angka).

   Perhatikan bahawa apabila anda melaraskan lebar atau ketinggian, sudut kiri atas unsur tetap di mana ia berada, sementara seluruh unsur lain mengecut atau tumbuh.

3. Pilih sudut kanan bawah, ubah saiz elemen, dan lihat apa perbezaannya.

   Sudut bawah kanan tetap berada di lokasi yang sama manakala tiga sudut lain terpengaruh.

   

   Menetapkan kedudukan relatif untuk mempengaruhi bagaimana elemen dimanipulasi.