Komponen UI Tombol Flash CS4

• April 28, 2024

Dalam tutorial terakhir, kami menambahkan kode berhenti yang akan menghentikan Flash kami^R ecard mengulangi setelah melewati timeline pertama. Sekarang kita akan menambahkan tombol "Putar Ulang" yang akan menempatkan kontrol pemutaran di tangan pemirsa. Setelah animasi ecard berhenti, itu akan menjadi penampil yang akan menyebabkan film memutar ulang dengan mengklik tombol ini.

Kita dapat membuat tombol ini dengan mengkode ActionScript yang akan menggambar tombol di atas panggung untuk kita. Tetapi untuk pelajaran ini, kita akan menggunakan komponen UI tombol bawaan. Kami akan mulai bekerja pada kerangka terakhir dari Timeline. Buka ecard Anda ke Flash CS4.

1. Tambahkan layer baru tepat di bawah layer Actions. Beri nama layer baru ini "Putar Ulang". Kami akan menggunakan layer ini untuk menahan tombol kami.
   
   
2. Tambahkan Keyframe pada Frame 105 dari layer Replay. Ini akan memastikan bahwa tombol tidak terlihat sampai frame terakhir ini.
   
   
3. Buka panel Komponen (Jendela - Komponen). Panel ini memiliki dua bagian, Antarmuka Pengguna dan bagian Video. Komponen tombol ada di bagian Antarmuka Pengguna. Klik dan seret instance komponen tombol ke atas panggung tepat di bawah teks.
   
   
4. Pilih tombolnya. Pada panel Properties, beri tombol Instance Name of "Replay".
   
   
5. Buka panel Inspektur Komponen (Window - Component Inspector). Kami menggunakan panel ini untuk mengatur nilai untuk parameter komponen tombol kami. Parameter Label mengontrol teks di bagian atas tombol kami. Saat ini, tertulis "Label" pada tombol karena nilai untuk parameter Label diatur ke "Label". Mari kita ubah nilai parameter ini menjadi "Putar Ulang". Anda akan melihat teks pada tombolnya berubah dari "Label" ke "Putar Ulang".
   
   Jika kami menguji ecard sekarang, tidak ada yang terjadi ketika kami mengklik tombol Putar Ulang. Itu karena kita masih perlu menambahkan perilaku ke tombol.
   
   
6. Klik pada frame terakhir dari layer Actions dan buka panel Actions. Setelah berhenti (); kode, tambahkan kode di bawah ini. Kode ini memberi tahu Flash untuk mendengarkan klik mouse pada tombol Putar Ulang. Ketika ada klik mouse, Flash melakukan fungsi replayMovie. Fungsi ini hanya memiliki satu baris kode yang memberi tahu Flash untuk kembali ke Frame 1 dan memutar film.
   
   Replay.addEventListener (MouseEvent.CLICK, replayMovie);
   fungsi replayMovie (evt)
   {
   gotoAndPlay (1);
   }
   
   

Hak Cipta 2018 Adobe Systems Incorporated. Seluruh hak cipta. Tangkapan layar produk Adobe dicetak ulang dengan izin dari Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Kembang Api, Berkontribusi, Memikat, Flash Catalyst dan Flash Paper adalah [adalah] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.

Petunjuk Video: Flash Action Script 3 Tutorial Seri, 20, String, 3, Match, Replace, Search, Slice, dan Split (April 2024).