Warung Flash

Scroll Pane adalah salah satu component yang digunakan untuk menampilkan movie clip, file jgp, file swf ke dalam sebuah area yang dapat di scroll. Konten yang ditampilkan dapat berasal dari hardisk atau dari internet. Berikut cara penggunaan sederhananya :

1. Buatlah sebuah flash document.

2. Tekan Ctrl+F7, pada panel Components yang muncul, klik tanda + di samping kiri tulisan User Interface. Kemudian cari component Scroll Pane. Bila sudah ketemu, drag component tersebut ke stage.

3. Seleksi component Scroll Pane di stage lalu tekan Ctrl+F3. Pada panel properties yang muncul klik tab Parameters.

4. Di tab parameters anda akan melihat seperti di bawah ini :

contentPath : Digunakan untuk menuliskan alamat tempat konten anda berada.

Untuk movie clip : tuliskan langsung linkage movie clip tersebut. Misalnya : lingkaran

Untuk file dari hardisk
Bila dalam satu folder dengan fla yang anda buat, anda dapat langsung menuliskan alamatnya beserta type file tersebut. Misalnya : gambar.jpg

Bila filenya berada di dalam folder tapi folder tersebut masih berada di folder tempat fla berada, ada dapat menuliskan nama folder + / + nama file dan type file. Misalnya : gallery/gambar.jpg

Bila filenya tidak berada di dalam folder tenpat fla berada, maka anda harus menuliskan alamatnya secara lengkap. Misalnya : D:/Flash/Gallery/gambar.jpg

Untuk file dari internet : silahkan langsung tuliskan url file secara lengkap tersebut. Misalnya : http://warungflash.com/gambar/maskot.jpg

hLineScrollSize : digunakan untuk mengatur kecepatan konten bergerak ketika tombol panah pada scroll bar yang mendatar ditekan. Silahkan masukkan angka yang diinginkan

hPageScrollSize : digunakan untuk mengatur kecepatan konten bergerak ketika kursor mouse menekan ruang kosong pada scroll bar yang mendatar. Silahkan masukkan angka yang diinginkan

hScrollPolicy : digunakan untuk memunculkan atau menghilangkan scroll bar mendatar. Anda dapat memilih on (memunculkan), off (menghilangkan), atau auto (muncul dan hilang secara otomatis tergantung besarnya konten)

scrollDrag : digunakan untuk membuat konten dapat di drag atau tidak. Anda dapat memilih true (dapat di drag) atau false (tidak dapat di drag). Konten yang di drag hanya bergerak sebatas di dalam scroll pane saja.

vLineScrollSize : digunakan untuk mengatur kecepatan konten bergerak ketika tombol panah pada scroll bar yang menurun ditekan. Silahkan masukkan angka yang diinginkan

vPageScrollSize : digunakan untuk mengatur kecepatan konten bergerak ketika kursor mouse menekan ruang kosong pada scroll bar yang menurun. Silahkan masukkan angka yang diinginkan

vScrollPolicy : digunakan untuk memunculkan atau menghilangkan scroll bar menurun. Anda dapat memilih on (memunculkan), off (menghilangkan), atau auto (muncul dan hilang secara otomatis tergantung besarnya konten)

5. Untuk keperluan tutorial kali ini, kita tidak perlu merubah parameter-parameter yang ada, biarkan nilainya masih tetap default saja. Tetapi kita akan merubah parameter contentPath-nya.

6. Klik tulisan contentPath kemudian isikan pic.jpg

7. Silahkan download gambar berikut : pic.jpg

8. Setelah anda download, silahkan letakkan gambar tersebut di dalam satu folder dengan folder tempat fla anda buat.

9. Tekan Ctrl+Enter untuk melihat hasilnya.

10. Apabila anda merasa scroll pane tampil terlalu kecil. Anda dapat menggunakan Free Transform Tool untuk mengatur besar kecil scroll pane.

Sourcenya dapat di download di sini