[ JAVA_GUI ] GUI & JFC 의 개요 ( Swing 설명 살짝 )

📌GUI ( Graphical User Interface  = 그래픽 사용자 인터페이스 )

- 이미지 혹은 그래픽으로 버튼,메뉴 등을 가진 화면에 마우스와 같은 편리한 도구를 이용하여 사용자가 편리하게

  입출력할 수 있도록 만든 사용자 인터페이스.

 

⚡GUI 특징

- 강력한 GUI 컴포넌트 제공.

- 쉬운 GUI 프로그래밍.

 

---

⚡자바 언어에서 GUI 프로그램 작성

- 컴포넌트로 구성한다.

 

⚡자바의 GUI 프로그래밍 방법

✔GUI 컴포넌트 이용.

- AWT 패키지와 Swing 패키지를 이용한다.

- AWT ( 중량 컴포넌트 )

  .java.awt 패키지

  속도는 빠르지만 운영체제에 부담을 준다. / 만들기가 어렵다.

- Swing ( 경량 컴포넌트 )

  .javax.swing 패키지

   만들기가 쉽다.

   AWT와 구분하기 위해 컴포넌트 이름이 모두 대문자 J로 시작한다.

   AWT & Swing을 동시에 사용 불가하면 AWT보다 스윙 사용을 권장한다고 한다.

 

⚡ Swing  컴포넌트 종류

예시)
.JComponent // 모든 Swing 컴포넌트의 상위 클래스

.JPanel //Swing에서 사용하는 패널 클래스.
.JLabel //Swing에서 사용하는 라벨 클래스.
        //메시지를 출력하기 위한 컴포넌트.
.JTextArea //Swing에서 사용하는 textArea 클래스.
           //여러 줄로 입력가능한 컴포넌트.
.JTextField //Swing에서 사용하는 textField 클래스.
            //한 줄로 입력가능한 컴포넌트.
.JList //Swing에서 사용하는 list 클래스.
       //사용자가 제공되는 아이템을 선택해서 사용하는 컴포넌트
.JButton //Swing에서 사용하는 버튼 클래스. 
         //사용자가 눌러서 정해진 일을 하는 컴포넌트
.JCheckBox //Swing에서 사용하는 체크 박스 클래스.
           //사용자가 제공된 버튼 중 여러개를 선택해서 사용하는 컴포넌트
.JRadioButton //Swing에서 사용하는 라디오버튼 클래스.
              //사용자가 제공된 버튼 중 하나를 선택해서 사용하는 컴포넌트.
.JComboBox //풀다운 리스트를 보여줄 수 있는 콤보 박스 클래스
           //사용자가 제공된 아이템을 선택해서 사용하는 컴포넌트.
.JMenu //Swing의 메뉴에서 사용하는 메뉴 클래스.
       //MenuItem을 묶어 제공하기 위한 컴포넌트
.JMenuBar //Swing의 메뉴 바를 만들기 위한 클래스.
          //Menu를 올려놓기 위한 컴포넌트.
.jMenuItem //Swing의 메뉴 바에서 사용하는 클래스.
           //사용자에게 기능을 제공하기 위한 컴포넌트.
.JRadioButtonMenuItem  //Swimg의 메뉴에서 사용하는 라디오버튼 클래스.
.JCheckBoxMenltem //Swing의 메뉴에서 사용하는 체크박스 클래스.
.JScrollPane //스크롤 윈도우를 나타내는 클래스
.JTabbedPane //그룹을 홀더 형태로 제공하는 윈도우를 나타내는 클래스
.JTable //데이터를 행과 열로 나타내는 클래스

//J가 포함되지 않는 Swing 컴포넌트//
.ButtonGroup //버튼을 그륩화하기 위한 클래스
.ImageIcon //이미지를 아이콘으로 캡슐화 하여 제공하는 클래스

GUI	설명
AWT	1. AWT는 운영 체제가 제공하는 자원을 이용하여서 컴포넌트를 생성한다.   2. 무거운 컴포넌트 ( 동작이 느리다 ) & 에러가 많이 발생한다. 3. AWT 의 컴포넌트는 디자인을 알 수 없고, 기능만 알고 있다. 4. OS마다 컴포넌트의 모양이 달라진다.
Swing	1. 컴포넌트가 자바로 작성되어 있기 때문에 어떤 플랫폼에서도 일관된 화면 작성 기능을 가졌다. 2. 가벼운 컴포넌트 ( 빠르다 - OS와 정보교환이 적다. ) 3. JVM에서 컴포넌트의 디자인, 기능을 모두 알고 있다. ( AWT의 단점 해결 ) 4. 에러가 적다. ( OS와 정보교환이 적기 때문이다. Frame만 OS에서 가져다 사용한다. ) 5. AWT의 모든 컴포넌트와 호환이 된다. 6. OS가 달라져도 동일한 모양의 컴포넌트를 제공하낟. 7. 이미지 적용이 쉽다.

📌AWT & Swing의 차이점 요약!

https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=wptm109&logNo=142232823

AWT : 윈도우에 종속                                             /                       Swing :  윈도우에 종속되지 않음

           .java.awt 패키지                                                                                .javax.swing 패키지

           ( 컴포넌트 표시) Button                                                                     ( 컴포넌트 표시 ) JButton

           ( 컴포넌트 ) Chois                                                                              ( 컴포넌트 ) JComboBox

           TextArea ( 스크롤바 자동으로 생성)                                                  JTextArea ( 스크롤바를 따로 생성 필요 )               

---

📌컨포넌트 ( Component ) 와 컨테이너 ( Container )을 살펴보자

 

🤷‍♀️컴포넌트 란?

- 화면을 구성하는 부품.

- 컨테이너에 포함되어야 화면에 출력될 수 있는 GUI 객체. ( 다른 컴포넌트를 포함할 수 없다. )

- 최소한의 디자인을 구현한 클래스 ( 더 이상 하위로 쪼개질 수 없는 디자인적 요소 )

  ex) JButton, JLabel, JTextaArea 등

- 모든 GUI 컴포넌트의 최상위 클래스 : java.awt.Component

- Swing 컴포넌트 최상위 클래스 : javax.swing.Jcomponent

- 모든 컴포넌트들은 Component 클래스를 반드시 상속받는다.

 

🤷‍♀️컨테이너란?

- 컴포넌트를 담는 그릇 역할. ( 컴포넌트 로부터 상속 받은 하나의 윈도우 영역을 의미한다. )

- 다른 컴포넌트를 포함할 수 있는 GUI 컴포넌트. ( 다른 컨테이너에도 포함될 수 있다. )

- 모든 컴포넌트는 컨테이너에 포함되어야 화면에 출력 가능하다.

- 반드시 java.awt.Container 를 상속받아야 한다.

 

컨테이너 종류)
AWT 컨테이너 : Panel, Frame, Applet, Dialog, Window
Swing 컨테이너 : 다른 컨테이너에 속하지 않고 독립적으로 존재 가능한 컨테이너
스스로 화면에 자신을 출력하는 컨테이너 : JFrame, JDialog, JApplet //최상위 컨테이너

GUI 프로그래밍의 구성요소

https://velog.io/@jyyoun1022/%EC%9E%90%EB%B0%94-GUI-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D-1.%EC%BB%A8%ED%85%8C%EC%9D%B4%EB%84%88%EC%99%80%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8

⚡포함 관계

최상위 컨테이너 > 컨테이너 > 컴포넌트

---

📌JFrame 컨테이너 클래스

⚡Swing 클래스 계층구조

- Component 

: 화면에 표시되어서 사용자와 상호 작용하는 시각적인 객체를 나타낸다.

- Container

: 내부에 다른 컴포넌트를 추가할 수 있는 기능을 제공한다.

  이 클래스에 add()를 사용하면 컨테이너 안에 컴포넌트가 추가된다.

- Window

: 경계선, 타이틀 바, 버튼을 가지고 있는 윈도우이다.

- Frame

: 자바 GUI 애플리케이션의 기초 (AWT)

      ↓

- JFrame

: Frame 클래스를 Swing의 출시에 맞추어 변경하였다.

 

⚡Swing 클래스의 중요한 메소드

package day0719;

import java.awt.Font;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JRadioButton;
import javax.swing.JTextArea;
import javax.swing.JTextField;

public class BlogGui01 extends JFrame {
	public BlogGui01() {
		super("필수 메소드");

		JLabel jiNumber = new JLabel("번호");
		JTextField jtNumber = new JTextField(50);
		JLabel jiName = new JLabel("이름");
		JTextField jtName = new JTextField(50);
		JLabel jiGender = new JLabel("성별");
		JRadioButton jrbGender = new JRadioButton("남");
		JRadioButton jrbGender2 = new JRadioButton("여");
		JLabel jiMail = new JLabel("이메일");
		JTextField jtMail = new JTextField(50);

		// JButton jbData=new JButton("데이터",jtData);
		JTextArea jtData = new JTextArea("데이터");

		JButton jbAdd = new JButton("추가");
		JButton jbDelete = new JButton("삭제");
		JButton jbChange = new JButton("변경");
		JButton jbExit = new JButton("닫기");

		// 레이아웃 null
		setLayout(null);

		jiNumber.setLocation(20, 20);
		jiName.setLocation(20, 50);
		jiGender.setLocation(20, 80);
		jiMail.setLocation(20, 110);
		//// 다음 행
		jtNumber.setLocation(100, 20);
		jtName.setLocation(100, 50);
		jrbGender.setLocation(100, 80);
		jrbGender2.setLocation(150, 80);
		jtMail.setLocation(100, 110);
		//// 다음 행
		jtData.setLocation(220, 20);
		//// 다음 행
		jbAdd.setLocation(60, 170);
		jbDelete.setLocation(150, 170);
		jbChange.setLocation(240, 170);
		jbExit.setLocation(330, 170);

		jiNumber.setSize(80, 30);
		jiName.setSize(80, 30);
		jiGender.setSize(80, 30);
		jiMail.setSize(80, 30);
		//// 다음 행
		jtNumber.setSize(100, 30);
		jtName.setSize(100, 30);
		jrbGender.setSize(50, 30);
		jrbGender2.setSize(50, 30);
		jtMail.setSize(100, 30);
		//// 다음 행
		jtData.setSize(250, 120);
		//// 다음 행
		jbAdd.setSize(75, 30);
		jbDelete.setSize(75, 30);
		jbChange.setSize(75, 30);
		jbExit.setSize(75, 30);

		// 폰트 종류 및 사이즈
		jiNumber.setFont(new Font("굴림", Font.BOLD, 20));
		jiName.setFont(new Font("굴림", Font.BOLD, 20));
		jiGender.setFont(new Font("굴림", Font.BOLD, 20));
		jiMail.setFont(new Font("굴림", Font.BOLD, 20));
		jrbGender.setFont(new Font("굴림", Font.BOLD, 20));
		jrbGender2.setFont(new Font("굴림", Font.BOLD, 20));
		jtMail.setFont(new Font("굴림", Font.BOLD, 20));

		jtData.setFont(new Font("굴림", Font.BOLD, 20));

		jbAdd.setFont(new Font("굴림", Font.BOLD, 20));
		jbDelete.setFont(new Font("굴림", Font.BOLD, 20));
		jbChange.setFont(new Font("굴림", Font.BOLD, 20));
		jbExit.setFont(new Font("굴림", Font.BOLD, 20));

		// 화면에 추가
		add(jiNumber);
		add(jiName);
		add(jiGender);
		add(jiMail);
		//// 다음 행
		add(jtNumber);
		add(jtName);
		add(jrbGender);
		add(jrbGender2);
		add(jtMail);
		//// 다음 행
		add(jtData);
		//// 다음 행
		add(jbAdd);
		add(jbDelete);
		add(jbChange);
		add(jbExit);

		// 윈도우 크기 설정 setBounds(x,y,w,h)
		setBounds(100, 200, 500, 260);
		// 가시화
		setVisible(true);
		// 프로그램 종료
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	}// BlogGui01

	public static void main(String[] args) {
		new BlogGui01();

	}// main

}// class

---

 

* 참고 자료

01. https://m.blog.naver.com/컴포넌트 종류

자바 스윙(swing) - 컴포넌트 종류

https://velog.io/@jyyoun1022/컨테이너와 컴포넌트 설명

자바 GUI 프로그래밍 1.컨테이너와컴포넌트

02. https://yooniron.tistory.com/JAVA GUI 설명

[JAVA] JAVA의 GUI 기초, awt, swing 작성 절차, 컨테이너와 컴포넌트, 배치 관리자 | Yoon's Dev

https://raccoonjy.tistory.com/JAVA GUI 설명

자바(Java)의 기초 박살내기 - Java GUI①

https://velog.io/@ro_sie/JAVA GUI 설명

JAVA :: GUI(1)

03. https://m.blog.naver.com/ AWT, Swing 비교

AWT, SWING 비교