Scroll Pane

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