자바프로그래밍 5주차 정리

수업날짜/정리날짜

2022.04.05/2022.04.09

 

학습주제

• 08 GUI

 

학습내용

08 GUI

• GUI(그래픽 사용자 인터페이스) → GUI는 컴포넌트로 구성된다.
• 컴포넌트: 레이블, 버튼, 텍스트 필드와 같은 GUI를 작성하는 기본적인 빌딩 블록. (윈도우 시스템에서는 컨트롤이라고도 부른다.)
• 자바에서는 사용자 인터페이스도 객체로 만들어진다.

 

자바 GUI의 종류

AWT(Abatract Windows Toolkit)

• 초기 자바 버전에서 제공했던 GUI
• 운영 체제가 제공하는 자원을 이용해 컴포넌트 생성
• 장점: 여러 운영 체제에서 쉽게 컴포넌트를 제공할 수 있음(→자바 프로그램이 가볍고, 작음)
• 단점: 실행되는 운영 체제에 따라 컴포넌트의 모습이 달라짐

스윙(SWING)

• 컴포넌트가 자바로 작성되어 있음
• 장점: 어느 운영 체제에서 실행해도 똑같은 화면을 보여줌, 다양한 컴포넌트 제공
• 단점: 자바 프로그램이 무거워지고 커짐
• 스윙에 속하는 클래스들은 모두 앞에 J를 붙임(AWT보다 늦게 업그레이드되어서)

 

컨테이너와 컴포넌트

• 단순 컴포넌트: 레이블, 체크박스 등(JButton, JLabel, JCheckBox 등)
• 컨테이너 컴포넌트: 다른 컴포넌트를 포함할 수 있는 컴포넌트(JFrame, JPanel 등)

 

컨테이너 종류

• 최상위 컨테이너: 다른 컨테이너 안에 포함될 수 없는 컨테이너(프레임(JFrame), 애플릿(JAplet) 등)
• 일반 컨테이너: 다른 컨테이너에 포함될 수 있는 컨테이너(패널(JPanel), 스크롤페인(JScrollPane) 등)

 

GUI 작성 절차

1. 컨테이너를 생성한다.

2. 컴포넌트를 추가한다.

 

프레임 생성하는 3가지 방법

① 하나의 클래스에 메인 메소드를 만들고 메인 메소드에서 프레임 객체를 생성해 메시징하기

import javax.swing.*;	// 자바의 원래 패키지는 java. 이지만, 나중에 추가된 경우 javax. 를 사용
public class FrameTest{
	public static void main(String[] args){
    	JFrame f = new JFrame("Frame Test");	// 메인 메소드에서 객체 생성 (f:객체참조변수)
        f.setSize(300, 200);
        f.setDefaultCloseOperation(JFrame.EXTI_ON_CLOSE);	// 창 닫기(프로그램 종료)
        f.setVisible(true);	// 화면에 보이도록(true:보임, flase:안보임)(안보이더라도 프로그램 종료X)
    }
}

 

② 프레임 클래스와 (JFrame 상속받은) 메인 메소드가 있는 클래스 따로 만들기

import javax.swing.*;
public class MyFrame extends JFrame{	// JFrame 컴포넌트 상속받아 클래스 생성
	public MtFrame(){
    	setSize(300, 200);	// 4~6: 클래스의 생성자에서 자기 자신의 메소드 호출('this.~' 생략된 형태)
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setVisible(true);
    }
}

public class MyFrameTest{
	public static void main(String[] args){
    	MyFrame f = new MyFrame();
    }
}

 

③ JFrame으로부터 상속받은 프레임 클래스가 메인 메소드를 멤버로 가지고 있기

import javax.swing.*;
public class MyFrame extends JFrame{
	public MyFrame(){
    	setSize(300, 200);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setTitle("MyFrame");
        setVisible(true);
    }
    public static void main(String[] args){
    	MyFrame f = new MyFrame();
    }
}

 

프레임에 컴포넌트 추가하기

컨테이너 생성 후 원하는 컴포넌트 객체들을 컨테이너에 추가한다.

이 경우, JFrame 객체가 컨테이너가 된다.

 

import javax.swing.*;
import java.awt.FlowLayout;
public class MyFrame extends JFrame{
	public MyFrame(){
    	setSize(300, 200);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setTitle("MyFrame");
        setLayout(new FlowLayout());
        JButton button = new JButton("버튼");	// 9~10: JButton의 객체를 생성한 후 프레임에 추가
        this.add(button);	// MyFrame의 메소드로 'this.~' 생략가능
        setVisible(true);
    }
}

public class MyFrameTest{
	public static void main(String[] args){
    	MyFrame f = new MyFrame();
    }
}

 

JFrame 클래스

스윙은 3가지 최상위 컨테이너(JFrame, JDialog, JApplet)를 가지고 있다.

 

이들 클래스를 사용할 때 알아야 할 점

• 컨테이너는 컴포넌트들을 트리(tree) 형태로 저장한다. 최상위 컨테이너는 이 트리의 루트 노드가 된다.
• 각 컴포넌트들은 딱 한 번만 컨테이너에 포함될 수 있다. 이미 다른 컨테이너에 들어 있는 컴포넌트를 또 다른 컨테이너에 넣으면 안 된다.
• 최상위 컨테이너는 내부에 콘텐트 페인(content pane)을 가지고 있다. 여기에 화면에 보이는 컴포넌트를 저장한다.
• 최상위 컨테이너는 메뉴바를 추가할 수 있다.

JFrame의 조상 클래스

JFrame 클래스는 많은 조상 클래스를 가지고 있다. 구체적으로 다음과 같은 상속 계층 구조를 가지고 있다.

Object ← Component ← Container ← Window ← Frame ← JFrame

Component: 화면에 표시되어 상호 작용하는 시각적 객체

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

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

Frame: 자바 GUI 애플리케이션의 기초

 

주요 메소드

◎ SetLocation(x, y) / setSize(width, height) / setBounds(x, y, width, height)

: 프레임의 위치와 크기를 설정한다.

◎ setIconImage(IconImage)

: 윈도우 시스템에 타이틀 바, 태스크 스위처에 표시할 아이콘을 알려준다.

◎ setTitle()

: 타이틀 바의 제목을 변경한다.

◎ setResizable(boolean)

: 사용자가 크기를 조절할 수 있는지를 설정한다.

 

기초 컴포넌트

패널(panel)

• 컴포넌트들을 포함하고 있도록 설계된 컨테이너
• 투명 상태가 기본이다.(즉, 패널은 기본적으로 눈에 보이지 않는다.)
• 컴포넌트들을 화면에 표시하려면 프레임에 패널을 추가한 후 패널 위에 컴포넌트를 추가한다.
• 가장 중요한 메소드: add() / remove() → 컴포넌트를 추가 / 삭제

레이블(label)

• 편집이 불가능한 텍스트를 표시하기 위한 컴포넌트
• 레이블은 텍스트와 이미지를 동시에 표시할 수 있다.
• 폰트의 종류, 크기, 색상 등 텍스트의 속성을 변경할 수 있다.

텍스트 필드(text field)

• 사용자가 할 줄의 텍스트를 입력할 수 있는 기본적인 텍스트 콘트롤
• 한 줄 이상의 텍스트 입력이 필요하면 텍스트 영역(text area)을 사용해야 한다.

텍스트 필드의 종류

• JTextField - 기본적인 텍스트 필드
• JFormattedTextField - 사용자가 입력할 수 있는 문자 제한
• JPasswordField - 사용자가 입력하는 내용 안 보임
• JComboBox - 사용자가 직접 입력할 수 있지만 항목 중 선택 가능
• JSpinner - 텍스트 필드와 버튼의 조합. 이전 버튼과 다음 버튼 선택 가능

 

버튼(button)

• 사용자가 버튼을 클릭했을 경우, 이벤트가 발생
• 변경 가능한 것: 버튼 안의 텍스트, 버튼 텍스트의 폰트, 버튼의 전경색, 배경색, 버튼의 상태(활성, 비활성)

버튼의 종류

JButton - 일반적인 버튼

JCheckBox - 체크박스 버튼

JRadioButton - 라디오 버튼. 그룹 중 하나의 버튼만 체크 가능

 

 

GUI
1. 프레임이 있어야 한다.
2. 프레임 속 컴포넌트를 배치한다.
3. 실제 소스 코드를 작성해서 이벤트 처리를 해줘야 한다.

---

학습내용 이해도

90% 정도. GUI에 대해 개념은 이해하겠으나, 실제 적용까지 가능할지 모르겠다.

 

학습활동 돌아보기

GUI에 대해 들어는 봤는데, 처음 배우는 내용이라 신선했다. 수업을 듣고 공부하며 새로운 것들을 많이 배울 수 있었다. 그동안은 프로그래밍 언어를 이용해 문제를 푸는 것에 그쳤지만, 실제 프로그램을 작성해서 실질적인 무언가를 도출해내는 것이 흥미로웠다.

 

다음 학습계획

자바 GUI의 이해2