Java - Layout,JTextArea,JTextField,JPanel

import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
 
import javax.swing.JButton;
import javax.swing.JFrame;
import java.awt.BorderLayout;
import java.awt.Component;
import java.awt.FlowLayout;
 
public class Ex2 extends JFrame {
    JButton btnNorth, btnSouth, btnCenter, btnEast, btnWest;
 
    public Ex2() {
        showframe();
    }
 
    private void showframe() {
        /*
         * 레이아웃(Layout)
         * -컴포넌트 등을 배치하기 위한 디자인 구성
         * -자바 스윙에서 사용되는 대표 레이아웃
         * 1) BorderLayout : 프레임(JFrame)의 기본 레이아웃
         * ->컴포넌트를 상(NORTH),하(SOUTH),좌(WEST),우(EAST), 중앙(CENTER)의 5개 영역에 배치
         * ->해당 영역을 BorderLayout.XXX형태의 상수로 제공됨
         * -> add() 메서드의 파라미터에 컴포넌트와 위치상수를 전달하여 위치 지정
         * ->위치 지정시 CENTER 영역은 지정 생략 가능(기본위치로 사용됨)
         * ->각 영역 당 1개의 컴포넌트만 배치 가능(영역 중복 시 마지막에 배치한 컴포넌트만 표시)
         * ->하나의 영역에 동시에 여러 컴포넌트를 배치하려면 패널(JPanel) 필수!
         * ->프레임(패널) 크기가 변하면, 컴포넌트의 배치는 유지되고, 크기가 변경됨.
         * 2) FlowLayout
         * -> 패널(JPanel)의 기본레이아웃
         * -컴포넌트를 물 흐르듯 자연스럽게 배치(좌->우,상->하 순으로 배치)
         * -생성자에 FLowLayout.XXX 상수를 사용하여 정렬방법 설정가능 = 가운데 정렬 기본
         * ex)new FlowLayout(FlowLayout.RIGHT)
         * -프레임(패널) 크기가 변하면, 컴포넌트의 배치는 변경되고, 크기가 유지됨
         * 3) GridLayout
         * 4) AbsoluteLayout
         */
        setBounds(500, 400, 300, 300);
        setTitle("Test");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 
//        btnNorth = new JButton("NORTH");
//        getContentPane().add(btnNorth, BorderLayout.NORTH);
//
//        btnCenter = new JButton("CENTER");
//        getContentPane().add(btnCenter, BorderLayout.CENTER);
//
//        btnWest = new JButton("WEST");
//        getContentPane().add(btnWest, BorderLayout.WEST);
//
//        btnEast = new JButton("EAST");
//        getContentPane().add(btnEast, BorderLayout.EAST);
//
//        btnSouth = new JButton("SOUTH");
//        getContentPane().add(btnSouth, BorderLayout.SOUTH);
 
        //CENTER 영역에 다른 버튼을 중복으로 부착할 경우
        //기존 CENTER 영여겡 부착된 CENTER 버튼은 가려지고, CENTER2 버튼이 표시됨
//        JButton btnCenter2=new JButton("CENTER2");
//        add(btnCenter2);//BorderLayout.CENTER 는 생략가능(기본 위치)
        
        System.out.println("=======================");
        
        //FlowLayout 을 사용하는 경우
        //레이아웃 변경을 위해서는 대상 컨테이너 객체의 setLayout() 메서드 호출필요
//        setLayout(new FlowLayout());//현재 프레임을 FLowLayout 으로 변경
        
        //FlowLayout 생성자에 FlowLayout.XXX상수를 사용하여 정렬 방향 지정 가능
        setLayout(new FlowLayout(FlowLayout.RIGHT));//내부 컴포넌트 배치 조절
        //프레임을 FlowLayout으로 변경하면 컴포넌트 추가 시 위치 지정 필요없음
        
        btnNorth = new JButton("NORTH");
        getContentPane().add(btnNorth);
 
        btnCenter = new JButton("CENTER");
        getContentPane().add(btnCenter);
 
        btnWest = new JButton("WEST");
        getContentPane().add(btnWest);
 
        btnEast = new JButton("EAST");
        getContentPane().add(btnEast);
 
        btnSouth = new JButton("SOUTH");
        getContentPane().add(btnSouth);
 
    }
 
    public static void main(String[] args) {
        Ex2 ex = new Ex2();
        ex.setVisible(true);
 
    }
 
}
 
 
import java.awt.BorderLayout;
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.JPanel;
 
public class Ex3 extends JFrame {
 
    public Ex3() {
        showFrame();
    }
    
    public void showFrame() {
        setBounds(800, 400, 300, 200);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        
        /*
         * JPanel(패널)
         * - 여러개의 컴포넌트를 담을 수 있는 경량 컨테이너(프레임보다 작은 단위)
         * - 패널을 생성하여 컴포넌트를 부착한 뒤, 패널을 프레임에 부착하여 사용
         * - 프레임과 마찬가지로 setLayout() 메서드를 사용하여 레이아웃 변경 가능
         *   (또는 JPanel 객체 생성 시 생성자를 통해 레이아웃 변경도 가능)
         * - 기본 레이아웃 : FlowLayout
         */
        
        // JPanel 객체 생성(레이아웃 미지정 시 FlowLayout 으로 설정됨)
        JPanel p = new JPanel();
        
        // JFrame(BorderLayout) 의 CENTER 영역에 JPanel 추가(부착)
        getContentPane().add(p, BorderLayout.CENTER);
        
        // JButton 객체 2개(Button1, Button2) 생성 및 패널(p)에 버튼 부착
        JButton btn1 = new JButton("Button 1");
        JButton btn2 = new JButton("Button 2");
        
        // JPanel 객체의 add() 메서드를 사용하여 버튼을 패널에 부착
        p.add(btn1);
        p.add(btn2);
        
        // 버튼 2개에 대한 리스너 연결 - 4단계. 로컬 익명 내부클래스 형태로 구현
        ActionListener listener = new ActionListener() {
            
            @Override
            public void actionPerformed(ActionEvent e) {
//                System.out.println(e.getActionCommand() + " 클릭됨!");
                
                // 버튼 2개 판별
                if(e.getSource() == btn1) {
                    System.out.println(e.getActionCommand() + " 클릭됨!");
                } else if(e.getSource() == btn2) {
                    System.out.println(e.getActionCommand() + " 클릭됨!");
                }
            }
        };
        
        btn1.addActionListener(listener);
        btn2.addActionListener(listener);
        
        // =============================================
        // JPanel 객체 생성(FlowLayout 의 정렬 방향을 좌측 정렬로 변경)
        JPanel pNorth = new JPanel(new FlowLayout(FlowLayout.LEFT)); // 생성자로 정렬 변경
        
        // JFrame(BorderLayout) 의 NORTH 영역에 JPanel 추가(부착)
        getContentPane().add(pNorth, BorderLayout.NORTH);
        
        // JButton 객체 2개(Button3, Button4) 생성 및 패널(p)에 버튼 부착
        JButton btn3 = new JButton("Button 3");
        JButton btn4 = new JButton("Button 4");
        
        // JPanel 객체의 add() 메서드를 사용하여 버튼을 패널에 부착
        pNorth.add(btn3);
        pNorth.add(btn4);
 
        // =============================================
        // JPanel 객체 생성(레이아웃 미지정 시 FlowLayout 으로 설정됨)
        JPanel pSouth = new JPanel();
        FlowLayout flowLayout = (FlowLayout) pSouth.getLayout();
        flowLayout.setAlignment(FlowLayout.RIGHT);
//        pSouth.setLayout(new FlowLayout(FlowLayout.RIGHT)); // 메서드로 정렬 변경
        
        // JFrame(BorderLayout) 의 SOUTH 영역에 JPanel 추가(부착)
        getContentPane().add(pSouth, BorderLayout.SOUTH);
        
        // JButton 객체 2개(Button5, Button6) 생성 및 패널(p)에 버튼 부착
        JButton btn5 = new JButton("Button 5");
        JButton btn6 = new JButton("Button 6");
        
        // JPanel 객체의 add() 메서드를 사용하여 버튼을 패널에 부착
        pSouth.add(btn5);
        pSouth.add(btn6);
        
        
    }
    
    public static void main(String[] args) {
        Ex3 ex = new Ex3();
        ex.setVisible(true);
    }
 
}
 
 
 
import java.awt.BorderLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
 
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JTextField;
import java.awt.Color;
import java.awt.Font;
 
public class Ex4 extends JFrame {
 
    public Ex4() {
        showFrame();
    }
    private void showFrame() {
        setBounds(600, 400, 300, 150);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        
        
        JPanel pCenter=new JPanel();
        getContentPane().add(pCenter, BorderLayout.CENTER);
        
        //JTextField : 텍스트 한줄 입력이 가능한 컴포넌트
        JTextField tf=new JTextField(15);
        //텍스트필드를 패널에 부착
        pCenter.add(tf);
        
        JButton b=new JButton("OK");
        pCenter.add(b);
        
        
        //JLabel : 텍스트 표시가 가능한 컴포넌트(입력불가)
        JLabel lbl=new JLabel("입력결과 : ");
        lbl.setFont(new Font("굴림", Font.PLAIN, 16));
        lbl.setBackground(Color.WHITE);
        getContentPane().add(lbl, BorderLayout.SOUTH);
        
        
        b.addActionListener(new ActionListener() {
            
            @Override
            public void actionPerformed(ActionEvent e) {
                System.out.println("응애");
                //텍스트필드(tf)에 입력된 텍스트를 가져와서 출력
                String str=tf.getText();
                System.out.println(str);
                
                //텍스트필드 입력창 초기화
                tf.setText("");
                
                //텍스트필드 커서 요청
                tf.requestFocus();
                        
            }
        });
            //텍스트필드에서 엔터키 입력시 동작할 리스너
            tf.addActionListener(new ActionListener() {
            
            @Override
            public void actionPerformed(ActionEvent e) {
                System.out.println("응애");
                //텍스트필드(tf)에 입력된 텍스트를 가져와서 출력
                String str=tf.getText();
                System.out.println(str);
                
                //텍스트필드에 입력된 텍스트를 JLabel 에 출력
                lbl.setText("입력 결과 : "+tf.getText());
                
                //텍스트필드 입력창 초기화
                tf.setText("");
                
                //텍스트필드 커서 요청
                tf.requestFocus();
                        
            }
        });
        
        
        
    }
    
    
    public static void main(String[] args) {
        Ex4 ex=new Ex4();
        ex.setVisible(true);
    }
 
}
 
import java.awt.BorderLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
 
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JTextField;
import java.awt.Color;
import java.awt.Font;
import javax.swing.JTextArea;
 
public class Ex5 extends JFrame {
    JTextField tf;
    JTextArea ta;
 
    public Ex5() {
        showFrame();
    }
    private void showFrame() {
        setBounds(600, 400, 300, 200);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        
        
        JPanel South=new JPanel();
        getContentPane().add(South, BorderLayout.SOUTH);
        
        //JTextField : 텍스트 한줄 입력이 가능한 컴포넌트
        tf=new JTextField(15);
        //텍스트필드를 패널에 부착
        South.add(tf);
        
        JButton b=new JButton("OK");
        South.add(b);
        
        //JTextArea : 텍스트 여러줄입력이 가능한 컴포넌트
        JPanel pCenter= new JPanel();
        getContentPane().add(pCenter, BorderLayout.CENTER);
        
        
//        JTextArea ta = new JTextArea();
//        getContentPane().add(textArea, BorderLayout.CENTER);
        
        //주의! JTextField 또는 JTextArea 등의 컴포넌트를 패널(FlowLayout)에 부착할 경우
        // 해당 컴포넌트의 크기 지정 필수!
        ta = new JTextArea(6,25);//rows(행),columns(열) 크기 지정 필수
        ta.setEditable(false);//JTextArea 편집불가 설정!!
        pCenter.add(ta);
        
        
        b.addActionListener(new ActionListener() {
            
            @Override
            public void actionPerformed(ActionEvent e) {
                showMsg();
                        
            }
        });
            //텍스트필드에서 엔터키 입력시 동작할 리스너
            tf.addActionListener(new ActionListener() {
            
            @Override
            public void actionPerformed(ActionEvent e) {
                showMsg();
                
                        
            }
        });
            setVisible(true);
        
        //처음 프레임 생성 시 텍스트필드(tf)에 커서 요청
            tf.requestFocus();
        
    }
    
    public void showMsg() {
        //텍스트필드(tf)에 입력된 텍스트를 가져와서 출력
        String str=tf.getText()+"\n";
//        System.out.println(str);
        
        //JTextArea에 입력된 텍스트를 출력
        ta.setText(ta.getText()+str);
        
        
        //텍스트필드 입력창 초기화
        tf.setText("");
        
        //텍스트필드 커서 요청
        tf.requestFocus();
        
    }
    
    
    public static void main(String[] args) {
        Ex5 ex=new Ex5();
    }
 
}
 
import javax.swing.JButton;
import javax.swing.JFrame;
import java.awt.GridLayout;
 
public class Ex6 extends JFrame{
    
    JButton btn1,btn2,btn3,btn4,btn5;
 
    public Ex6() {
        showFrame();
    }
    
    private void showFrame() {
        /*
         * 레이아웃(Layout)
         * 3)GridLayout
         * -컴포넌트를 격자 무늬(테이블형태)로 배치하는 레이아웃
         * - 좌->우,상->하 순으로 배치
         */
        
        setBounds(800,600,200,200);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        getContentPane().setLayout(new GridLayout(3, 2, 10, 10));
        
        btn1=new JButton("1");
        btn2=new JButton("2");
        btn3=new JButton("3");
        btn4=new JButton("4");
        btn5=new JButton("5");
        
        add(btn1);
        add(btn2);
        add(btn3);
        add(btn4);
        add(btn5);
        
        
        setVisible(true);
    }
 
    public static void main(String[] args) {
        new Ex6();
    }
 
}
 
 
 
 
 
 

 Layout을 활용하여 JPanel에 JTextArea와 JTextField를 붙여서 JPanel을 JFrame에 붙여서 사용하는 형식으로 사용되어진다. 이것을 활용하면 간단하게는 계산기를 만들어 볼 수 있다. BorderLayout은 상, 하, 좌, 우. 중앙의 다섯 개의 영역이 있고 창을 늘리고 키울 때 저절로 영역이 그에 맞춰 변화하지만 FlowLayout 은 창의 크기에 변화를 줘도 컴포넌트들의 크기 변화는 없는 것이 차이점이고 일정한 형식을 갖추기보다는 이름 그대로 흘러가듯이 순서대로 컴포넌트들이 놓인다.

순서를 잘 기억해야겠다. 컴포넌트들을 Layout에, Layout 을 JFrame에 붙인다.