Daftar Isi:
Video: Edge Animate tutorial: Using presets for responsive layout | lynda.com 2024
Adobe Edge Animate CC dengan nyaman menyediakan Layout preset. Anda dapat memilih prasetel Layout yang berbeda, bukan mengonfigurasi setelannya sendiri. Ada tata letak Layout yang berbeda tergantung pada jenis elemen yang Anda pilih dari Panggung. Ada beberapa preset yang berbeda untuk dua jenis elemen utama yang digunakan dalam animasi Anda:
-
Kotak teks dan elemen yang ditarik lainnya memiliki preset mereka sendiri.
-
Gambar: Pengaturan yang berbeda muncul tergantung pada apakah gambar itu img atau div.
Layout preset lebih masuk akal saat lebar dan tinggi Stage diformat oleh persen.
Kotak teks dan elemen yang ditarik
Tata letak Layout yang berbeda untuk kotak teks dan elemen yang ditarik seperti persegi panjang dan elips mencakup ini:
-
Skala posisi: Sets elemen untuk menggunakan%, bukan px untuk posisi itu seperti yang ditunjukkan).
-
Ukuran skala: Sets elemen untuk menggunakan%, bukan px untuk ukuran (seperti yang ditunjukkan).
Menggunakan prasetel tata letak Scale Position.
Menggunakan tata letak ukuran Skala Ukuran.
Gambar
Jika gambar Anda ditetapkan sebagai img, maka pilihan yang berbeda akan muncul di bawah prasetel Layout daripada jika Anda menyetel gambar sebagai div. Baik img dan div memberikan preset Layout yang sama - skala posisi dan ukuran skala - sebagai elemen yang ditarik.
Img menyetel gambar itu sebagai gambar biasa di Panggung. Div menetapkan gambar sebagai gambar latar belakang.
Untuk gambar biasa, Anda dapat memilih preset Layout Skala Gambar (seperti yang dijelaskan pada gambar ini).
Gambar yang ditetapkan sebagai div yang berfungsi sebagai gambar latar belakang memiliki lebih banyak pilihan, seperti yang ditunjukkan.
Untuk mendapatkan ide tentang setiap Tata Letak Preset yang berbeda, cukup klik kotak untuk deskripsi, lalu klik Apply.
Ada satu tempat lagi untuk mengkonfigurasi layout default di dekat menu utama. Jika Anda mengklik ikon Layout Defaults (seperti ditunjukkan), sebuah menu muncul yang memungkinkan Anda memilih pengaturan default untuk posisi relatif, px (piksel), atau persen; Anda juga bisa memilih cara menggunakan gambar.
