28
Oct

Numeric Stepper

Written by admin


numeric-stepperNumeric 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 :

parameters-ns-1

  • 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 :

parameters-ns-2

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

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

peletakan-ns

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





Apakah tutorial di atas menarik atau bermanfaat bagi anda? Bantulah Warung Flash agar tetap ada dan memberikan tutorial-tutorial yang lebih bagus dan bermanfaat lagi. Silahkan klik link berikut ini untuk lebih jelasnya : Bantu Warung Flash



Bookmark and Share

7 Responses to “Numeric Stepper”

  1. made Says:

    makasih dah dibuatin bang admin
    /thanks

  2. admin Says:

    Ok sama-sama :D

  3. draz Says:

    kerenzzzzzzz…………. :respect: /semangat /semangat /semangat

  4. Aing Lee Says:

    bos kalo bikin databes yang bisa menghubungkanke flash gimana caranya yaa..

  5. jimmy Says:

    nice tutorial

    simple but meaningfuLLLL =D> =D>

  6. saiful black Says:

    keren banget bosss

  7. admin Says:

    thanks :peace:

Leave a Reply

B-) =DV <:-P ;)) ;) :yeye: :respect: :peace: :p :idea: :hope: :I: :D :-SS :-? :-/ :)) :) :(( 8-> more »

Komentar yang berisi pertanyaan atau request tutorial kemungkinan besar tidak bisa kami jawab dan penuhi. Hal ini dikarenakan kesibukan kami yang padat . Oleh karena itu kami mohon maaf dan pengertiannya.