Bu dersimizde grafiksel kullanıcı arayüzü (graphical user interface) yazılım dünyasında bilinen adıyla GUI ile ilgili olarak JButton (Buton) ile ilgili olarak farklı uygulamalar geliştireceğiz. Önceki dersimizde butonlar oluşturmuştuk ama herhangi bir işleve sahip değildiler. Bu dersimizde biraz daha işlevsel butonlar oluşturacağız.

Ders21_JButtonn adında yeni bir class oluşturuyoruz ve her zamanki gibi main metodumuzu yazıyoruz. Daha önceki derslerde öğrendiğimiz gibi class'ımızın başına dersimiz içerisinde belirli noktalarda kullanacağımız java içerisinde kayıtlı bulunan kütüphanelerden java.awt.Color, java.awt.event.ActionEvent, java.awt.event.ActionListener, java.awt.event.MouseAdapter, java.awt.event.MouseEvent, javax.swing.JButton, javax.swing.JFrame, javax.swing.JOptionPane, javax.swing.JPanel, ve javax.swing.SwingConstants paketlerini aşağıdaki şekilde import ediyoruz. Bu işlemi isterseniz yeri geldiğinde de yapabilirsiniz ama ders akışı açısından şimdiden eklemek işimizi daha da kolaylaştıracaktır.

    import java.awt.Color;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    import java.awt.event.MouseAdapter;
    import java.awt.event.MouseEvent;
    import javax.swing.Jbutton; 
    import javax.swing.JFrame;
    import javax.swing.JOptionPane;
    import javax.swing.JPanel;
    import javax.swing.SwingConstants;
    

        public class Ders21_JButtonn {

            public static void main (String[] args){

Sonrasında pencere adında yeni bir JFrame oluşturuyoruz. setTitle ile penceremiz için bir "Düğmeler" adında bir başlık belirliyoruz.

                JFrame pencere = new JFrame(“Düğmeler”);

Bu adımda JPanel kullanarak penceremiz içerisinde küçük paneller yani bölmeler oluşturacağız. Bunun için ilk olarak diğer panellerimizin içinde yer alacağı anapanel adında bir panel oluşturuyoruz. Layout null olarak belirtiyoruz, null ile default layout kullan demiş oluyoruz.

                JPanel anapanel = new JPanel();
                anapanel.setLayout(null);

Bir sonraki adımda butonlarımız içi butonlar adında yeni bir JPanel oluşturuyoruz. Ardından panelimiz için setLayout ile Layout null olarak belirliyoruz. setLoacation ile konumunu, setSize ile boyutlarını belirleyip, add kullanarak butonlar panelimizi anapanel'imize ekliyoruz.

                JPanel butonlar = new JPanel();
                butonlar.setLayout(null);
                butonlar.setLocation(15, 15);
                butonlar.setSize(300, 275);
                anapanel.add(butonlar);

Buton'larımız için paneli oluşturduktan sonra artık Buton'larımızı oluşturabiliriz. JButton kullanarak button1 adında yeni bir buton oluşturuyoruz. Bu butonumuza tıkladığımızda karşımıza bir onay kutusu çıkmasını sağlayacağız. O nedenle setText ile butonumuz üzerindeki yazıyı “Onayla” olarak belirtiyoruz. setSize kullanarak butonumuzun boyutunu belirtiyoruz. Rakamları butonlar panelimizden büyük olmayacak şekilde belirttiğiniz sürece istediğiniz büyüklüğü belirtebilirsiniz. Hemen sonrasında da setLocation ile butonumuzun panel üzerindeki konumunu belirtiyoruz. setHorizontalAlignment ile de buton üzerindeki yazımızın sağ, sol veya ortada olmasını sağlıyoruz.Bunun için SwingConstants paketini import etmiş olmamız gerkeiyor. Dersin başında etmiştik, eğer etmediyseniz şimdi de edebilirsiniz. Şimdi ise yeni bir kavram olan ActionListener kavramını kullanacağız. Adında anlaşılacağı üzere bu bize butona tıkladığımıza ne yapacağımızı söyleyen bir komut gibi düşünebilirsiz. Butona ne yapacığını actionPerformed kısmında söylüyoruz. Bunu her zaman kullanacağımız bir kalıp gibi düşünebilirsiniz. actionPerformed kısmında showMessageDialog diyerek, butona tıklandığında bize bir onay kutusunu göstermesini söylüyoruz. Parantez içerisinde de bu kutucukta ne yazmasını istediğimizi belirtiyoruz. Son olarak da buton1 adlı butonumuzu butonlar panelimize add kullanarak ekliyoruz.

                JButton buton1 = new JButton();
                buton1.setText(“Onayla”>);
                buton1.setSize(120, 30);
                buton1.setLocation(80, 30);
                buton1.setHorizontalAlignment(SwingConstants.CENTER);
                buton1.addActionListener(new ActionListener) {

                     public void actionPerformed (ActionEvent e) {

                        JOptionpane opane1 = new JOptionPane();
                        opane1.showMessageDialog(null, “İşlemi Onayladınız”);
                        }
                    });
                butonlar.add(buton1);

Bu örneğimizde mouse'u butonun üzerine getirdiğimizde renk değiştirmesini sağlayacağız. buton2 adında yeni bir JButton oluşturuyoruz. Yine her zamanki gibi setText ile butonun üzerinde ne yazmasını istediğimizi, setsize ile boyutunu, setLocation ile konumunu ve setHorizontalAlignment ile üzerindeki yazının konumunu belirliyoruz. Ardından butonumuz için Color kullanarak anaRenk adında bir renk belirleyip rengi boş bırakıyoruz. Bu şekilde butonun standart rengine dönmesi için orjinal rengini korumuş olacağız. buton2 için addMouseListener diyerek programın mouse'umuzun hareketlerine göre hareket etmesini sağlıyoruz. Bunu bir kalıp gibi düşünebilirsiniz. Bir sonraki aşamada mouseEntered yani mouse butonun üzerine geldiğinde ne yapacağını söylüyoruz. setBackground'umuzu BLUE yaparak mouse butonumuzun alanına girdiğinde rengi mavi yapmasını sağlıyoruz. İkinci aşamada da mouseExited ile mouse'umuz butondan dışarı çıktığında orjinal rengine yani anaRenk'e dönmesini sağlıyoruz. Son olarak da buton2'yi add kullanarak butonlar panelimize ekliyoruz

                JButton buton2 = new JButton();
                buton2.setText(“Mouse'u Sürükle”);
                buton2.setSize(240, 25);
                buton2.setLocation(40, 70);
                buton2.setHorizontalAlignment(SwingConstants.CENTER);
                Color anaRenk = buton2.getBackground();
                buton2.addMouseListener(new MouseAdapter() {

                    @Override
                    public void mouseEntered(MouseEvent e) {

                        buton2.setBackground(Color.BLUE);
                        super.mouseEntered(e);
                    }
                    
                    @Override
                    public void mouseExited(MouseEvent e) {

                        buton2.setBackground(anaRenk);
                        super.mouseExited(e);
                    }
                    
                butonlar.add(buton2);

Şİmdiki örneğimizde de butonumuza tıkladığımızda konsola birşeyler yazdırmasını isteyeceğiz. buton3 adlı yeni bir JButton oluşturup yine üzerinde yazacağımız yazıyı, boyutunu, lokasyonunu ve üzerinde yazan yazının nerede olmasını istediğimizi belirtiyoruz. Şimdi ise butona tıkladığımızda bir aksiyon gerçekleşeceği için actionListener metodunu kullanıyoruz. actionPerformed metodu ile de aksiyon gerçekleştiğinde System.out.println ilekonsola Giriş Yapıldı yazmasını istiyoruz. Son olarak da her zamanki gibi buton3 adlı butonumuzu butonlar isimli panelimize ekliyoruz.

                JButton buton3 = new JButton();
                buton3.setText(“Giriş”);
                buton3.setSize(240, 25);
                buton3.setLocation(40, 100);
                buton3.setHorizontalAlignment(SwingConstants.CENTER);
                buton3.addActionListener(new ActipnListener) {

                    public void actionPerformed (AcitonEvent e) {
                        
                        System.out.println(“Giriş Yapıldı”);
                    }
                });
                butonlar.add(buton3);

Son aşamada ilk olarak setSize ile ana penceremizin büyüklüğünü belirliyoruz. setContentPane ile anapanelimizi penceremize atıyoruz. Ardından setResizable'ı penceremizin büyütülüp küçültülmesinin önlenmesini engellemek için kullanıyoruz. Sadece true veya false ifadeleri alabilir. Parantez içini false yaparsak artık penceremiz sağından solundan çekilip büyültülüp küçültülemez. Yeni bir şey öğrenmiş olalım diye bunu ekledim. Son olarak da daha önceki dersimizde öğrendiğimiz üzere pencermizin görünür olması için setVisible kullanıyoruz. Eğer setVisible kullanmadan çalıştıracak olursak bize hiçbir görüntü vermez.

                pencere.setSize(500,500);
		pencere.setContentPane(anapanel);
		pencere.setResizable(true);
		pencere.setVisible(true);
        }
    }

TOPLU DERS KODLARI VE KONU ÖZETİ

     // ders içerisinde kullanacağımız java kütüphanelerini import ediyoruz
    import java.awt.Color;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    import java.awt.event.MouseAdapter;
    import java.awt.event.MouseEvent;
    import javax.swing.Jbutton; 
    import javax.swing.JFrame;
    import javax.swing.JOptionPane;
    import javax.swing.JPanel;
    import javax.swing.SwingConstants;
    

        public class Ders21_JButtonn { Ders21_JButtonn adında bir class oluşturuyoruz

            public static void main (String[] args){ Main metodumuzu yazıyoruz
            
                JFrame pencere = new JFrame(“Düğmeler”); // Düğmeler adında yeni bir JFrame oluşturuyoruz
                
                JPanel anapanel = new JPanel(); // JPanel kullanarak diğer panelleri içerisinde barındıracak bir panel oluşturuyoruz
                anapanel.setLayout(null); // Layout null olarak belirleyince default olarak algılıyor program

                JPanel butonlar = new JPanel(); // JPanel ile butonlar adında bir panel oluşturuyoruz
                butonlar.setLayout(null); 
                butonlar.setLocation(15, 15); // setLocation ile Panelimizin konum bilgilerini giriyoruz
                butonlar.setSize(300, 275); // setSize ile panelimizin boyutlarını belirtiyoruz
                anapanel.add(butonlar); // add kullanarak butonlar panelimizi ana panelimize ekliyoruz

                JButton buton1 = new JButton(); // Buton oluşturmak için JButton paketini kullanıyoruz ve import etmemiz gerekiyor
                buton1.setText(“Onayla”>); // buton1 adındaki butonumuzun üzerinde yazmasını istediğimizi setText ile belirtiyoruz
                buton1.setSize(120, 30); // butonumunuzun boyutlarını setSize kullanarak belirtiyoruz
                buton1.setLocation(80, 30); // butonumuzun konumunu belirtmek için yine setLocation kullanıyoruz
                buton1.setHorizontalAlignment(SwingConstants.CENTER); // Butonumuz içerisindeki yazının konumunun ortada olmasını bu şekilde sağlıyoruz
                buton1.addActionListener(new ActionListener) { // actionListener ile buton üzerinde yapılacak işlemlerde aksiyon almasını sağlıyoruz

                     public void actionPerformed (ActionEvent e) { // actionPerformed sayesinde buton üzerinde bir işlem yapıldığında ne yapmasını söylüyoruz

                        JOptionpane opane1 = new JOptionPane();
                        opane1.showMessageDialog(null, “İşlemi Onayladınız”); // showMessageDialog ile buton tıkladındığında onay penceresi açılmasını sağlıyoruz
                        }
                    });
                butonlar.add(buton1); // buton1 adlı butonumuzu butonlar panelimize ekliyoruz

                JButton buton2 = new JButton();
                buton2.setText(“Mouse'u Sürükle”);
                buton2.setSize(240, 25);
                buton2.setLocation(40, 70);
                buton2.setHorizontalAlignment(SwingConstants.CENTER);
                Color anaRenk = buton2.getBackground(); // butonumuz için default bir renk belirliyoruz mouse buton üzerinden çıkınca eski renge dönmesi için
                buton2.addMouseListener(new MouseAdapter() { // MouseListener ile mouse'umuzu butonun üzerine getirince bir aksiyon almasını sağlıyoruz

                    @Override
                    public void mouseEntered(MouseEvent e) { // mouseEntered ile mouse butonun üzerine gelince ne yapması gerektiğini belirtiyoruz

                        buton2.setBackground(Color.BLUE); // mouse butonun üzerine gelince setBackground kullanarak mavi renge çevirmesini söylüyoruz
                        super.mouseEntered(e);
                    }
                    
                    @Override
                    public void mouseExited(MouseEvent e) { // mouseExited ile mouse buton alanından çıkınca ne yapması gerektiğini belirtiyoruz

                        buton2.setBackground(anaRenk); // mouse buton alanından çıkınca setBackground orjinal rengine dönmesi gerektiğini belirtiyoruz
                        super.mouseExited(e);
                    }
                    
                butonlar.add(buton2);

                JButton buton3 = new JButton();
                buton3.setText(“Giriş”);
                buton3.setSize(240, 25);
                buton3.setLocation(40, 100);
                buton3.setHorizontalAlignment(SwingConstants.CENTER);
                buton3.addActionListener(new ActipnListener) {

                    public void actionPerformed (AcitonEvent e) {
                        
                        System.out.println(“Giriş Yapıldı”); // System.out.println kullanarak butona tıkladığında konsola ne yazmasını istediğimizi belirityoruz
                    }
                });
                butonlar.add(buton3);

                pencere.setSize(500,500); // Ana penceremizin boyutlarını burada belirtiyoruz
		pencere.setContentPane(anapanel); // Penceremizde ne gibi bir içerik olacağını belirtiyoruz
		pencere.setResizable(true); // Penceremizin büyültülebiilir küçültülebilir olması için setResizable true yapıyoruz
		pencere.setVisible(true); // Yaptığımız herşeyin görünür olabilmesi için setVisible kullanıyoruz, yoksa hiçbirşey görünmez
        }

    }

DERSLE İLGİLİ EKRAN GÖRÜNTÜSÜ