Cara Membuat Aplikasi Penyelaras Warna dengan Menggunakan Jspinner

Halo Palcomster! Bertemu lagi dengan saya Andika Widyanto.

Kali ini saya akan mengajak teman-teman PalComsTer membuat aplikasi sederhana penyelaras warna dengan menggunakan Jspinner. Sebelumnya saya akan menjelaskan terlebih dahulu apa itu jSpinner. JSpinner adalah salah satu class dari javax.swing, jSpinner merupakan field yang memungkinkan pengguna atau user untuk memilih sebuah nilai dengan dua tombol kecil anak panah, yang mengarah ke atas dan ke bawah. Mari kita coba langkah-langkahnya berikut ini.

Langkah 1

Buka Netbeans di PC / Laptop kalian, kemudian buat Project baru dengan nama Apl_Penyelaras_warna.

tutorial-warna-2

tutorial-warna-3

Langkah 2

Buat Class JFrame Form Baru dan beri nama penyelaras_warna.

tutorial-warna-4

tutorial-warna-5

Langkah 3

Jika Form yang Anda buat sudah selesai kemudian klik kanan Form tersebut dan pilih properties. Isi title dengan Aplikasi Penyelaras Warna. Ini sebagai title program Anda pada title bar Form tersebut. Jika sudah klik Close.

tutorial-warna-6

Langkah 4

Masukkanlah komponen-komponen seperti jLabel dan ubah valuenya menjadi Red, Blue dan Green, setelah itu masukkan jSpinner sebanyak 3 item dan masukkan 1 panel hingga tampilan formnya seperti ini.

tutorial-warna-7

tutorial-warna-8

Tambahkan 1 button kemudian ubah namanya dengan nama Clear.

tutorial-warna-9

Klik Source pada tampilan lalu tambahkan coding di bawah initComponents menjadi coding berikut.

Integer value = new Integer(255);
Integer min = new Integer(0);
Integer max = new Integer(255);
Integer step = new Integer(1);

modelred = new SpinnerNumberModel(value, min, max, step);
modelgreen = new SpinnerNumberModel(value, min, max, step);
modelblue = new SpinnerNumberModel(value, min, max, step);

jSpinner1.setModel(modelred);
jSpinner2.setModel(modelgreen);
jSpinner3.setModel(modelblue);

red = green = blue = 225;
changePanelColor();
}

private void changePanelColor(){
Color clr = new Color(red, green, blue);
jPanel.setBackground(clr);

Ketikkan code berikut ini di bawah public class penyelaras_warna extends javax.swing.JFrame

int red, green, blue;
SpinnerNumberModel modelred, modelgreen, modelblue;

Hingga seperti ini.

tutorial-warna-10

Lalu kembali ke tampilan Design. Klik kanan pada JSpinner1 atau jSpinner yang berada di sebelah label Red, pilih Events -> Change -> statedChange, dan masukkan coding berikut.

  • red = modelred.getNumber().intValue();
  • changePanelColor();

Klik kanan pada JSpinner2 atau jSpinner yang berada di sebelah label Blue, pilih Events -> Change -> statedChange, dan masukkan coding berikut.

  • blue = modelred.getNumber().intValue();
  • changePanelColor();

Klik kanan pada JSpinner2 atau jSpinner yang berada di sebelah label Green, pilih Events -> Change -> statedChange, dan masukkan coding berikut.

  • green = modelred.getNumber().intValue();
  • changePanelColor();

Klik Kanan pada button Clear, pilih Events -> Mouse -> MouseClicked dan masukkan coding berikut.

  • red = green = blue = 255;
  • changePanelColor();

Penjelasan source code:

  • Integer value = new Integer(255);
  • Integer min = new Integer(0);
  • Integer max = new Integer(255);
  • Integer step = new Integer(1);

 

  1. Menginisialisasi objek “value” dengan tipe data Integer dengan besaran nilai 255.
  2. Menginisialisasi objek “min” dengan tipe data Integer dengan besaran nilai 0.
  3. Menginisialisasi objek “max” dengan tipe data Integer dengan besaran nilai 255.
  4. Menginisialisasi objek “step” dengan tipe data Integer dengan besaran nilai 1.
  • modelred = new SpinnerNumberModel(value, min, max, step);
  • modelgreen = new SpinnerNumberModel(value, min, max, step);
  • modelblue = new SpinnerNumberModel(value, min, max, step);

Menginisialisasi objek “modelred” dengan class SpinnerNumberModel dan besaran nilai berdasarkan objek value,min,max dan step yang telah kita buat sebelumnya.

Menginisialisasi objek “modelgreen” dengan class SpinnerNumberModel dan besaran nilai berdasarkan objek value,min,max dan step yang telah kita buat sebelumnya.

Menginisialisasi objek “modelblue” dengan class SpinnerNumberModel dan besaran nilai berdasarkan objek value,min,max dan step yang telah kita buat sebelumnya.

  • jSpinner1.setModel(modelred);
  • jSpinner2.setModel(modelgreen);
  • jSpinner3.setModel(modelblue);

  • Mensetting jSpinner1 sebagai modelred.
  • Mensetting jSpinner2 sebagai modelgreen.
  • Mensetting jSpinner3 sebagai modeblue.
  • int red, green, blue;
  • SpinnerNumberModel modelred, modelgreen, modelblue;

Pendeklarasian red,green,blue dengan tipe data integer, lalu pendeklarasian class spinnerNumberModel dengan objek modelred,modelgreen,modelblue. Berikut hasil akhirnya :).

tutorial-warna-11

Sekian dulu ya tutorialnya sampai jumpa lagi di tutorial selanjutnya. Thanks telah mengikuti tutorialnya, semoga bermanfaat :). Jika kamu suka dengan tutorial ini, berikan komentar dan share tutorial ini ke teman-teman kamu ya :).

Andika Widyanto

Andika Widyanto

Staf Laboran & Asisten Dosen at STMIK PalComTech
Seorang yang hobi dengan dunia pemrograman
Andika Widyanto

Leave a Reply

Your email address will not be published. Required fields are marked *

*

[+] kaskus emoticons nartzco


Shares