. .

BAGIAN KE SEPULUH: Menambahkan Fungsi Tombol/Button Di Java Form (GUI) Pada NetBeans IDE

Posted by CHRISTIANTO D,WIBOWO | D3MI-2016 STMIK BUMI GORA On Selasa, Januari 24, 2017 No comments

BAGIAN KE SEPULUH: Add a Button to a Java Form (GUI) In NetBeans IDE, Sebelum kita meneruskan mempelajari pembelajaran ini, ada baiknya kita baca artikel-artikel sebelumnya yang terhubung dengan langkah-langkah pembelajaran ini (Link) BAHASA PEMROGRAMAN JAVA PADA NETBEANS IDE.
Sebagai refrensi, kita bisa melihat JAVA NETBEANS IDE - MEMBUAT PROGRAM DAN ALGORITMA SERTA FLOWCHART KALKULATOR SEDERHANA, disana kita akan mendapat teori penjelasan singkat, semua langsung pada prakteknya dan kita dipersilahkan mengkopi java code-nya, dan disini kita akan mendapatkan penjelasan detailnya.

Masih dalam Project MyCalculator, dengan Package jCalculator, serta class yang disebut class JavaCalculator.java yang sudah kita buat sebelumnya.
JFrame Form yang sudah dibentuk, dan Form membutuhkan kotak teks/Text box dan beberapa tombol. Dan kita sudah menambahkan kotak teks pertama. Menemukan kontrol Text Field di Palette, saat kita menambahkan tombol-tombol fungsi pada claculator kita, dan untuk itu kita bekerja dalam Tab Menu Design :

Kita akan menambahkan tombol ke FORM dengan cara yang sama seperti yang kita lakukan untuk Text Field - drag dan drop. Kita akan menambahkan banyak tombol, untuk menambahkan tombol untuk kontrol kita menuju tab palette Panel. Jika kita akan menaruh dan memindahkan tombol, maka kita dapat memindahkan dari Panel, dan semua tombol kemudian akan bergerak dengan Panel -drag dan drop. Jadi menemukan kontrol Panel di Palette :
Tarik/DRAG satu control panel dari palette ke form kita. Pada saat men-DRAG control panel kita tidak dapat melihat Panel, karena mereka akan memiliki warna yang sama dengan bentuk. Tapi saat DRAG sampai pada FORM baru akan terlihat bentuknya dan kita bisa men-DROP-nya pada posisi yang kita inginkan :
Tarik handel ukuran sampai Panel mengisi sebagian besar Form :
Kita sekarang dapat menambahkan tombol. Cari Tombol kontrol di Palette:
Tarik satu ke kontrol Panel kita:
Nama default tombol ini jButton1. Rubah nama ini seperti yang kita lakukan untuk Text Field: klik kanan di area Navigator, dan pilih mengubah nama variabel. Rubah nama tombol menjadi btnOne:
Nama tombol akan berubah dalam Navigator:
Sebuah baris kode baru juga telah ditambahkan, lihat dalam tab Source:
private javax.swing.JButton btnOne;
private javax.swing.JPanel jPanel1;
private javax.swing.JTextField txtDisplay;
package jCalculator;
/**
 *
 * @author CHRISTIANTO "GEMBLONG" DHARMA WIBOWO LEARN JAVA
 */
public class JavaCalculator extends javax.swing.JFrame {
    /**
     * Creates new form JavaCalculator
     */
    public JavaCalculator() {
        initComponents();
    }
    /**
     * This method is called from within the constructor to initialize the form.
     * WARNING: Do NOT modify this code. The content of this method is always
     * regenerated by the Form Editor.
     */
    @SuppressWarnings("unchecked")
    // <editor-fold defaultstate="collapsed" desc="Generated Code">                        
    private void initComponents() {

        txtDisplay = new javax.swing.JTextField();
        jPanel1 = new javax.swing.JPanel();
        btnOne = new javax.swing.JButton();

        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
        setTitle("Calculator");

        btnOne.setText("jButton1");

        javax.swing.GroupLayout jPanel1Layout = new javax.swing.GroupLayout(jPanel1);
        jPanel1.setLayout(jPanel1Layout);
        jPanel1Layout.setHorizontalGroup(
            jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(jPanel1Layout.createSequentialGroup()
                .addComponent(btnOne)
                .addGap(0, 0, Short.MAX_VALUE))
        );
        jPanel1Layout.setVerticalGroup(
            jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(jPanel1Layout.createSequentialGroup()
                .addComponent(btnOne)
                .addGap(0, 175, Short.MAX_VALUE))
        );

        javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane());
        getContentPane().setLayout(layout);
        layout.setHorizontalGroup(
            layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(layout.createSequentialGroup()
                .addContainerGap()
                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                    .addGroup(layout.createSequentialGroup()
                        .addComponent(jPanel1, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
                        .addContainerGap())
                    .addGroup(layout.createSequentialGroup()
                        .addComponent(txtDisplay, javax.swing.GroupLayout.DEFAULT_SIZE, 309, Short.MAX_VALUE)
                        .addGap(123, 123, 123))))
        );
        layout.setVerticalGroup(
            layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(layout.createSequentialGroup()
                .addGap(19, 19, 19)
                .addComponent(txtDisplay, javax.swing.GroupLayout.PREFERRED_SIZE, 51, javax.swing.GroupLayout.PREFERRED_SIZE)
                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
                .addComponent(jPanel1, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
                .addContainerGap())
        );

        pack();
    }// </editor-fold>                      

    /**
     * @param args the command line arguments
     */
    public static void main(String args[]) {
        /* Set the Nimbus look and feel */
        //<editor-fold defaultstate="collapsed" desc=" Look and feel setting code (optional) ">
        /* If Nimbus (introduced in Java SE 6) is not available, stay with the default look and feel.
         * For details see http://download.oracle.com/javase/tutorial/uiswing/lookandfeel/plaf.html
         */
        try {
            for (javax.swing.UIManager.LookAndFeelInfo info : javax.swing.UIManager.getInstalledLookAndFeels()) {
                if ("Nimbus".equals(info.getName())) {
                    javax.swing.UIManager.setLookAndFeel(info.getClassName());
                    break;
                }
            }
        } catch (ClassNotFoundException ex) {
            java.util.logging.Logger.getLogger(JavaCalculator.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        } catch (InstantiationException ex) {
            java.util.logging.Logger.getLogger(JavaCalculator.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        } catch (IllegalAccessException ex) {
            java.util.logging.Logger.getLogger(JavaCalculator.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        } catch (javax.swing.UnsupportedLookAndFeelException ex) {
            java.util.logging.Logger.getLogger(JavaCalculator.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
        }
        //</editor-fold>

        /* Create and display the form */
        java.awt.EventQueue.invokeLater(new Runnable() {
            public void run() {
                new JavaCalculator().setVisible(true);
            }
        });
    }

    // Variables declaration - do not modify                  
    private javax.swing.JButton btnOne;
    private javax.swing.JPanel jPanel1;
    private javax.swing.JTextField txtDisplay;
    // End of variables declaration                
}
Nama variabel baru btnOne, dan itu adalah objek JButton private javax.swing.JButton btnOne; , yang merupakan kontrol Swing. Perhatikan juga, bahwa variabel telah diatur untuk panel, kita/Netbeans IDE telah membuat ini pada kondisi default - private javax.swing.JPanel jPanel1; dan variabel TextField yang sudah kita buat sebelumnya  -  private javax.swing.JTextField txtDisplay;.
Pada bagian berikutnya, kita akan belajar bagaimana untuk mengubah properties dari tombol Java - Changing the Properties of a Button.

0 komentar:

Posting Komentar