Translate

Saturday, December 16, 2017

Belajar Java - Cara Menambahkan Aksi Pada JButton Di Pemrograman Java

Setelah sekian lama saya tidak menulis artikel java, sekarang saya akan membuat tutorial cara menambahkan aksi pada JButton di pemrograman java. Tutorial ini saya buat berdasarkan permintaan dari salah satu teman Facebook dari Timika Papua yang ingin belajar pemrograman java. Berawal dari pembelajaran online mengenai java fundamental atau java dasar dan sekarang sudah sampai ke tahap java swing.

Pada tutorial ini tidak lepas dari pembuatan JFrame, untuk materi pembuat JFrame di Java Netbeans. Silahkan kunjungi Tutorial Cara Membuat JFrame di Java Netbeans.

Pada tutorial java kali ini saya bagi dalam 2(dua) tahap

Tahap Pertama saya akan membuat sebuah tampilan dengan menggunakan JFrame, berikut tampilan yang akan saya buat.

Belajar Java - Cara Menambahkan Aksi Pada JButton Di Pemrograman Java

Untuk membuat tampilan diatas saya menggunakan full coding ( tidak menggunakan drag and drop ), berikut source code untuk membuat tampilan seperti diatas :

package com.communityjava.swing;

import java.awt.Dimension;
import java.awt.FlowLayout;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextArea;
import javax.swing.JTextField;

/**
 *
 * @author Akira
 */
public class AksiTombol extends JFrame {

    private JTextField jTextField;
    private JButton jButton;
    private JTextArea jTextArea;
    
    public AksiTombol(){
        setTitle("Aksi Tombol");
        setSize(300, 200);
        setDefaultCloseOperation(EXIT_ON_CLOSE);
        setResizable(false);
        setLocationRelativeTo(null);
        userInterface();
        setVisible(true);
    }

    private void userInterface(){
        JPanel jp = new JPanel(new FlowLayout(FlowLayout.CENTER, 10, 10));
        
        jTextField = new JTextField();
        jTextField.setPreferredSize(new Dimension(250, 30));
        jp.add(jTextField);
        
        jButton = new JButton("Klik Disini");
        jp.add(jButton);
        
        jTextArea = new JTextArea();
        jTextArea.setPreferredSize(new Dimension(250, 60));
        jp.add(jTextArea);
        
        getContentPane().add(jp);
    }
}



Tahap Kedua saya akan menambahkan sebuah aksi pada JButton, ketika saya melakukan klik pada JButton "Klik Disini" maka JTextArea akan menampilkan output seperti yang saya ketikkan di JTextField dan hasil inputan di JTextField akan hilang.

Berikut ini cara untuk menambahkan aksi di JButton menggunakan ActionListener :

Pada baris "public class AksiTombol extends JFrame" tambahkan "implements ActionListener", kemudian buatlah sebuah method seperti berikut :

    @Override
    public void actionPerformed(ActionEvent e) {
        if(e.getSource()==jButton){
            if(jTextField.getText().trim().equals("")){
                JOptionPane.showMessageDialog(null, "Silahkan Isi Text-nya");
            } else {
                jTextArea.setText(jTextField.getText());
                jTextField.setText("");
            }
        }
    }

Penjelasan :
Source code diatas akan melakukan sebuah aksi jika JButton atau Tombol di klik, Jika di JTextField tidak ada karakter yang diinputkan maka akan menampilkan sebuah dialog yang berisikan text "Silahkan Isi Text-nya". Jika JTextField berisi karakter maka hasil inputan tadi akan dijadikan output dari JTextArea dan inputan di JTextField akan dihapuskan.

Jangan lupa tambahkan code dibawah ini tepat dibawah "jButton = new JButton("Klik Disini");" :
jButton.addActionListener(this);

Dibawah ini merupakan source code secara keseluruhannya :

package com.communityjava.swing;

import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JOptionPane;
import javax.swing.JPanel;
import javax.swing.JTextArea;
import javax.swing.JTextField;

/**
 *
 * @author Akira
 */
public class AksiTombol extends JFrame implements ActionListener{

    private JTextField jTextField;
    private JButton jButton;
    private JTextArea jTextArea;
    
    public AksiTombol(){
        setTitle("Aksi Tombol");
        setSize(300, 200);
        setDefaultCloseOperation(EXIT_ON_CLOSE);
        setResizable(false);
        setLocationRelativeTo(null);
        userInterface();
        setVisible(true);
    }

    private void userInterface(){
        JPanel jp = new JPanel(new FlowLayout(FlowLayout.CENTER, 10, 10));
        
        jTextField = new JTextField();
        jTextField.setPreferredSize(new Dimension(250, 30));
        jp.add(jTextField);
        
        jButton = new JButton("Klik Disini");
        jButton.addActionListener(this);
        jp.add(jButton);
        
        jTextArea = new JTextArea();
        jTextArea.setPreferredSize(new Dimension(250, 60));
        jp.add(jTextArea);
        
        getContentPane().add(jp);
    }
    
    @Override
    public void actionPerformed(ActionEvent e) {
        if(e.getSource()==jButton){
            if(jTextField.getText().trim().equals("")){
                JOptionPane.showMessageDialog(null, "Silahkan Isi Text-nya");
            } else {
                jTextArea.setText(jTextField.getText());
                jTextField.setText("");
            }
        }
    }
    
    public static void main(String[] args){
        AksiTombol obj = new AksiTombol();
    }
    
}


Sekian tutorial java tentang cara menambahkan aksi pada JButton dengan menggunakan ActionListener di pemrograman java. Semoga bermanfaat. 

Copyrighted.com Registered & Protected
Disqus Comments