Komponen Loader dan ProgressBar Situs Web Flash

• Mungkin 15, 2024

Sekarang setelah Anda menyelesaikan film Portfolio.swf Anda, kami dapat menambahkan komponen Loader yang akan memuat film Portofolio eksternal ke dalam film utama Anda. Karena Portofolio ini akan memerlukan beberapa detik untuk diunduh ke film utama, kami juga akan menambahkan komponen ProgressBar (juga disebut preloader) untuk menjaga agar audiens Anda mendapat informasi tentang proses pengunduhan. Buka situs web film utama Anda ke Flash.

Langkah 1. Tambahkan Komponen Loader. Klik pada Frame 50 (frame pertama bagian halaman web Portofolio) pada layer Konten di Timeline. Sekarang klik di luar Panggung untuk memilih semua yang ada di Panggung. Anda akan menemukan komponen Loader di Panel Komponen. Seret instance Loader ke atas Panggung. Tempatkan Loader di sudut kiri atas di bawah Menu. Di Inspektur Properti, atur komponen ini ke loaderPortfolio.

Langkah 2. Atur Parameter untuk Loader. File Portfolio.swf Anda harus berada di folder yang sama dengan file film utama Anda. Buka Panel Inspektur Komponen dan atur nilai-nilai berikut. Ini akan memberi tahu Flash tempat menemukan file Portfolio.swf dan untuk menskala komponen Loader ke dimensi film Portfolio.swf.

contentPath: Portfolio.swf
scaleContent: false

Langkah 3. Uji Loader. Klik pada Frame 1 untuk memindahkan Playhead kembali ke awal. Sekarang tekan tombol Ctrl dan Enter pada keyboard Anda untuk melihat pratinjau film situs web Anda. Film Portfolio.swf Anda harus dimuat ke dalam film situs web utama ketika Anda mengklik tombol Portofolio di Menu.

Langkah 4. Simpan perubahan Anda. Anda sekarang dapat menyimpan perubahan yang telah Anda tambahkan sejauh ini.

Sekarang kita siap untuk menambahkan komponen ProgressBar. Komponen ini tidak disertakan bersama Flash MX 2004. Anda harus mengunduh file updater untuk versi Flash ini dari situs web Adobe - Macromedia.

//www.macromedia.com/support/flash/downloads.html#updaters

Terus

Petunjuk Video: Pure CSS Circular Progress Bar | Html CSS & SVG (Mungkin 2024).