. .

BAGIAN KE SEPULUH: Form Views (GUI) - Melihat Tampilan Berbeda di NetBeans IDE

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

BAGIAN KE SEPULUH: The Different Form Views 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 hanya akan mendapat teori penjelasan singkat, semua langsung pada prakteknya dan kita dipersilahkan mengkopi java code-nya.

Masih dalam Project MyCalculator, dengan Package jCalculator, serta class yang disebut JavaCalculator.java yang sudah kita buat sebelumnya. Ketika wizard dari bagian pembelajaran kita sebelumnya telah selesai, dan kita Click Finish, maka itu akan membuat formulir kosong di jendela utama:
Formnya masih kosong, dan memiliki persegi panjang oranye yang mengelilinginya. Orange persegi panjang berarti bahwa bentuk adalah objek yang sedang dipilih. Klik Form-nya dan kita akan melihat kotak biru sebagai gantinya, ini berarti bahwa bentuk tidak dipilih. Klik kembali ke Form untuk memilihnya, dan kita akan melihat persegi panjang oranye lagi.

Perhatikan dua tombol di bagian atas, Source dan Design. kita sedang berada di Design saat ini. Klik pada Source untuk melihat baris kode :
Kita dapat memperluas/expand dengan mengklik simbol  = plus untuk melihat kode yang tersembunyi/Hide. Perhatikan, meskipun, bahwa main method telah dibuat. Ketika program dijalankan itu main method yang akan dipanggil. Hal ini menciptakan objek baru dari form, dan pengaturan properti terlihat untuk true.
Dan NetBeans menghasilkan semua kode ini untuk kita. Jadi kita tidak harus melakukan semuanya sendiri. Silahkan lihat di daerah Proyek di sebelah kiri lagi. kita akan melihat bahwa package dan file class telah ditambahkan.

Lihat barisan kode ini yang telah direveal semua baris kode yang di-hide:
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() {

        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);

        javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane());
        getContentPane().setLayout(layout);
        layout.setHorizontalGroup(
            layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGap(0, 400, Short.MAX_VALUE)
        );
        layout.setVerticalGroup(
            layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGap(0, 300, Short.MAX_VALUE)
        );

        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                  
    // End of variables declaration                
}

Klik kembali pada tombol Design di bagian atas. kita akan melihat formulir kosong lagi. Lihat di kanan, kita akan diperlihatkan dua bidang: Palette dengan controls di dalamnya, dan area PropertiesPalette dan area Properti akan terlihat seperti ini:
Jika tidak dapat melihat Palette dan area Properti, klik Windows > IDE Tools > Palette and Windows > IDE Tools > Properties dari menu NetBeans.

Sebuah properti dari objek adalah daftar hal-hal yang dapat kita lakukan, seperti mengatur warna latar belakang, mengatur teks, mengatur font, dan banyak lagi. Sekarang kita coba membuat judul. Pastikan klik pada form agar garis form berwarna orange. Daerah properti akan mengatakan JFrame di bagian atas. Klik di dalam area title dan ketik Calculator; dan kemudian Enter :
Untuk melihat apa efek perubahan title properti memiliki, Jalankan program dengan cara yang biasa. Ketika kita menjalankan program untuk pertama kalinya, NetBeans akan menampilkan kotak dialog yang meminta kita metode utama yang ingin kita gunakan:
Seperti yang diperlihatkan pada gambar, kita hanya memiliki satu class, yaitu class JavaCalculator, jadi klik OK. form akan muncul :
FORM memiliki title seperti yang sudah kita ketik sebelumnya, ditambah beberapa ikon default untuk minimaze/meminimalkan, maximaze/maksimalkan dan close/tutup. Klik  X /close untuk menutup program, dan kembali ke lingkungan Design. Pada bagian berikutnya, kita akan menambahkan kotak teks pada FORM, Adding a Text Box to a Java Form.

0 komentar:

Posting Komentar