Warung Flash

Numeric stepper adalah salah satu component berbentuk kotak yang di dalamnya terdapat angka. Angka tersebut nilainya dapat dinaikan atau diturunkan sesuai tombol yang anda tekan pada numeric stepper. Jika anda menekan tombol panah atas pada numeric stepper maka angka yang ada di numeric stepper akan naik sebaliknya jika anda menekan tombol panah bawah pada numeric stepper maka angka yang ada di numeric stepper akan turun.

Berikut contoh penggunaan numeric stepper :

1. Buatlah sebuah flash document.

2. Buatlah 3 buah static text masing-masing bertuliskan 1 buah buku harganya Rp 2000, Jumlah buku yang akan anda beli, Total harga yang harus dibayarkan.

3. Buatlah sebuah dynamic text. Seleksi dynamic text tersebut dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan total sebagai var dan nonaktifkan tombol selectable.

4. Tekan Ctrl+F7. Pada panel components yang muncul tekan tombol + pada user interface. Cari tulisan NumericStepper kemudian drag ke stage.

5. Seleksi NumericStepper di stage dan pada panel properties masukkan penghitung sebagai instance name.

6. Jika sudah pastikan anda masih menyeleksi NumericStepper kemudian tekan tab parameters di sebelah kanan tulisan Properties pada panel properties. Anda akan melihat tampilan sebagai berikut :

• maximum : nilai maximal yang anda berikan kepada numeric stepper jika tombol panah atas ditekan
• minimum : nilai minimal yang anda berikan kepada numeric stepper jika tombol panah atas ditekan
• stepSize : jumlah angka yang anda berikan kepada numeric stepper jika tombol panah atas atau bawah ditekan
• value : nilai awal numeric stepper

7. Dalam contoh yang kita buat ini ubah parameternya sebagai berikut :

• maximum : 9999
• minimum : 0
• stepSize : 1
• value : 0

8. Letakkan seluruh objek yang dibuat tadi seperti gambar di bawah ini :

9. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

1
2
3
4
5
6

//perintah yang dijalankan ketika frame ini dimainkan
onEnterFrame = function () {
	//kalikan angka yang terdapat pada numeric stepper berinstance name penghitung dengan 2000
	//tampilkan hasilnya pada dynamic text bervar total dengan menambahkan tulisan Rp di depannya terlebih dahulu
	total = "Rp "+penghitung.value*2000;
};

10. Tekan Ctrl+Enter untuk melihat hasilnya.

Klik tombol panah atas pada numeric stepper untuk menaikkan angka dan panah bawah untuk menurunkan angka

Sourcenya dapat di download di sini