Jalankan aplikasi dengan menekan Ctrl+Enter. Cobalah klik tombol materi dan

5. Setelah tahapan membuat objek selesai, tahapan selanjutnya adalah memberi instance name pada masing-masing objek. Berikan nama info_txt pada dynamic text, t_atas pada tombol scroll atas dan t_bawah pada tombol scroll atas. 6. Buatlah sebuah layer baru layer 2. Klik frame 1 layer 2 buka panel Action F9 dan ketikan kode berikut : 1. info_txt . text = Multimedia adalah, dan seterusnya...... sampai selesai ; 2. 3. t_atas . addEventListener MouseEvent . CLICK , scroll_atas ; 4. t_bawah . addEventListener MouseEvent . CLICK , scroll_bawah ; 5. 6. function scroll_atas e : MouseEvent : void { 7. info_txt . scrollV --; 8. } 9. function scroll_bawah e : MouseEvent : void { 10. info_txt . scrollV ++; 11. } 7. Jalankan aplikasi dengan menekan Ctrl+Enter. Text akan muncul, dan scroll langsung dapat difungsikan dengan menekan tombol atas dan tombol bawah. Scrolling text dengan Gambar Untuk scrolling konten yang mengandung elemen grafis seperti gambar, baik component maupun dynamic text tidak mendukung, sehingga untuk melakukannya diperlukan sebuah Movieclip untuk menghandle konten yang akan di scroll. Untuk lebih jelasnya ikuti langkah berikut : 1. Siapkan gambar yang akan di tampilkan dalam konten scrolling. Dalam contoh ini akan digunakan 3 buah gambar sepeda. 2. Buatlah sebuah file baru, kemudian import gambar tersebut ke stage dengan memilih menu File Import Import to Stage, kemudian atur posisi gambar tersebut dan lengkapi dengan static text sehingga menjadi isi dari konten yang akan di scrol. 3. Seleksi seluruh elemen yang akan dijadikan konten scrolling tersebut, lalu Convert to Symbol menjadi movieClip konten. 131 Gambar 169. Movieclip konten scroll

4. Klik movieclip konten tersebut buka panel properties dan tambahkan instance name konten

. 5. Seleksi kembali movieClip konten tersebut kemudian Convert to Symbol kembali menjadi movieclip info_sepeda. Hal ini dimaksukan untuk menambahkan efek masking ke dalam movieclip konten. Gambar 170. Mengconvert movieclip “info sepeda”

6. Dobel klik MovieClip info sepeda untuk mengeditnya, kemudian tambahkan layer baru

dan berikan masking agar area yang terlihat menjadi terbatas. Langkah ini dimaksudkan agar konten yang berada diluar area scroll menjadi tertutup oleh masking. Gambar 171. Penambahan masking 7. Kembali ke scene utama dengan menekan Ctrl+E, kemudian buatlah 2 buah tombol untuk panah atas, dan panah bawah. Kemudian tambahkan instance name pada masing-masing objek yaitu info_sepeda, up_btn dan down_btn. Gambar 172. Pengaturan instance name

8. Buatlah sebuah layer baru layer 2. Klik frame 1 layer 2 buka panel Action F9

dan ketikan kode berikut : 1. var is_drag : Boolean = false ; 2. var scroll_speed : Number = ; 3. 4. function pencet_mouse e : MouseEvent : void { 5. var nama : String = e . currentTarget . name ; 6. is_drag = true ; 7. if nama == up_btn scroll_speed = 10 ; 8. if nama == down_btn scroll_speed = - 10 ; 9. } 10. function lepas_mouse e : MouseEvent : void { 11. is_drag = false ; 12. scroll_speed = ; 13. } 14.