Daftar Isi:
Video: Positioned (Flutter Widget of the Week) 2024
Adobe Edge Animate CC tidak kekurangan pengaturan dalam hal penentuan posisi dan ukuran. Banyak dari fitur ini bekerja paling baik saat elemen bersarang, jadi Anda ingin memahami bagaimana panel Elemen bekerja.
Positioning mengacu pada koordinat elemen relatif baik ke Stage atau elemen induk ketika satu elemen bersarang di sisi yang lain. Anda juga dapat menggunakan atribut posisi untuk mempengaruhi bagaimana Anda ingin elemen bereaksi saat Anda mengukurnya.
Tetapkan posisi relatif
Menentukan posisi relatif elemen yang mempengaruhi sudut elemen Anda dimanipulasi saat Anda mengubah ukurannya. Anda dapat menemukan atribut Posisi dan Ukuran pada panel Properties (seperti yang ditunjukkan). Pastikan untuk memilih elemen dari Stage agar atribut ini muncul.
Disini posisi relatif digunakan dalam konteks Edge Animate; perhatikan bahwa itu tidak berarti sama dengan posisi relatif di Cascading Style Sheets (yaitu, perbedaan antara Posisi: absolut dan Posisi: relatif). Dalam istilah CSS yang ketat, Edge Animate 1. 0 hanya menggunakan posisi absolut.
Berikut adalah cara untuk menguji posisi posisi relatif pada Edge Animate:
-
Pastikan pojok kiri atas elemen disorot (seperti ditunjukkan pada gambar).
-
Sesuaikan lebar atau tinggi elemen dengan menggunakan atribut W dan H (seperti ditunjukkan pada gambar).
Perhatikan bahwa saat Anda menyesuaikan lebar atau tinggi, sudut kiri atas elemen tetap berada di tempat itu, sementara elemen lainnya menyusut atau tumbuh.
-
Pilih pojok kanan bawah, ubah ukuran elemen, dan lihat perbedaannya.
Sudut kanan bawah berada di lokasi yang sama sementara tiga sudut lainnya terpengaruh.
Menetapkan posisi relatif untuk mempengaruhi bagaimana elemen dimanipulasi.
