[java]이것이 자바다 부록 Java UI 13-2 (Swing을 이용한 2D 그래픽스, Color와 Font)

(5) 안티 알리아싱

   ▷ 비트맵 그래픽의 방식은 작은 사각형(픽셀)을 최소 단위로 하기 때문에 이 픽셀들이 모여 만들어진 원, 곡선, 사선은 경계 부분에서 거친 계단 현상(알리어싱aliasing)이 나타남

   ▷ 문제 해결을 위해 안티-알리어싱 기능이 필요

   ▷ 안티알리어싱은 배경색과 이미지 색상의 중간 색상을 단계적으로 채워 경계선을 부드럽게 만들어 주는 기능

   ▷  자바는 안티 알리어싱을 위해 Graphics2D의 setRenderingHint() 메소드를 제공

 

   ▷ paint() 메소드의 매개변수 타입은 Graphics이지만 Graphics2D 객체를 참조하고 있기 때문에 타입 변환을 통해 Graphics2D 객체를 얻고 setRenderingHint() 메소드를 호출 가능

 

 

◎ 안티 알리아싱을 적용하지 않은 원과 적용한 원의 차이점을 보여주는 예제

import java.awt.BorderLayout;
import java.awt.Canvas;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;

import javax.swing.JFrame;
import javax.swing.SwingUtilities;

public class AntiAliasingExample extends JFrame {
​​​​// 메인 윈도우 설정
​​​​public AntiAliasingExample() {
​​​​​​​​setTitle("안티알리아싱");
​​​​​​​​getContentPane().add(new MyCanvas(), BorderLayout.CENTER);
​​​​​​​​setSize(200,300);
​​​​}
​​​​
​​​​// Canvas 클래스 선언
​​​​public class MyCanvas extends Canvas{
​​​​​​​​public void paint(Graphics g) {
​​​​​​​​​​​​// 안티알리어싱을 적용하지 않은 원
​​​​​​​​​​​​g.fillOval(50, 50, 100, 100);
​​​​​​​​​​​​
​​​​​​​​​​​​// 안티알리어싱을 적용한 원
​​​​​​​​​​​​Graphics2D g2 = (Graphics2D) g;
​​​​​​​​​​​​g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
​​​​​​​​​​​​​​​​RenderingHints.VALUE_ANTIALIAS_ON);
​​​​​​​​​​​​g.fillOval(50, 200, 100, 100);
​​​​​​​​}
​​​​}
​​​​
​​​​public static void main(String[] args) {
​​​​​​​​SwingUtilities.invokeLater(new Runnable() {
​​​​​​​​​​​​public void run() {
​​​​​​​​​​​​​​​​AntiAliasingExample jFrame = new AntiAliasingExample();
​​​​​​​​​​​​​​​​jFrame.setVisible(true);
​​​​​​​​​​​​}
​​​​​​​​});
​​​​}
}

 

첫 번째 원은 안티알리어싱을 적용하지 않았기 때문에 계단식으로 표현되고 두 번째 원은 적용해서 매끄럽게 나타납니다.

 

(6) 이미지 그리기

   ▷ 이미지를 드로잉하기 위해서는 이미지 파일을 메모리로 로딩해서 Image 객체를 얻어야 함

   ▷ Image 객체를 얻는 방법은 두 가지가 있는데, 첫 번째로는 Toolkit의 getImage() 메소드로 얻을 수 있음

   ▷ 두 번째 방법은 ImageIcon 객체를 생성해서 getImage() 메소드로 얻을 수 있음

   ▷ Graphics의 drawImage() 메소드를 이용함

 

◎ 이미지 파일을 읽고 Canvas에 드로잉하는 예제

import java.awt.BorderLayout;
import java.awt.Canvas;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.Toolkit;

import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.SwingUtilities;

public class ImageExample extends JFrame {
​​​​// 메인 윈도우 설정
​​​​public ImageExample() {
​​​​​​​​setTitle("이미지 그리기");
​​​​​​​​getContentPane().add(new MyCanvas(), BorderLayout.CENTER);
​​​​​​​​add(new MyCanvas(), BorderLayout.CENTER);
​​​​​​​​setSize(500,350);
​​​​}
​​​​
​​​​// Canvas 클래스 선언
​​​​public class MyCanvas extends Canvas{
​​​​​​​​private Image imgSun, imgMoon;
​​​​​​​​
​​​​​​​​public MyCanvas() {
​​​​​​​​​​​​// 배경을 흰색으로 변경
​​​​​​​​​​​​setBackground(Color.WHITE);
​​​​​​​​​​​​
​​​​​​​​​​​​// 이미지를 로딩해서 읽고, Image 객체 얻기
​​​​​​​​​​​​Toolkit toolkit = Toolkit.getDefaultToolkit();
​​​​​​​​​​​​imgSun = toolkit.getImage(getClass().getResource("sun.gif"));
​​​​​​​​​​​​imgMoon = new ImageIcon(getClass().getResource("moon.gif")).getImage();
​​​​​​​​}
​​​​​​​​
​​​​​​​​public void paint(Graphics g) {
​​​​​​​​​​​​// 이미지 드로잉
​​​​​​​​​​​​g.drawImage(imgSun, 10, 10, this);
​​​​​​​​​​​​g.drawImage(imgMoon, 300, 20, this);
​​​​​​​​}
​​​​}
​​​​
​​​​public static void main(String[] args) {
​​​​​​​​SwingUtilities.invokeLater(new Runnable() {
​​​​​​​​​​​​public void run() {
​​​​​​​​​​​​​​​​ImageExample jFrame = new ImageExample();
​​​​​​​​​​​​​​​​jFrame.setVisible(true);
​​​​​​​​​​​​}
​​​​​​​​});
​​​​}
}

 

 

 

(7) 배경 이미지 넣기

   ▷ JPanel은 paint() 메소드를 실행할 때 자신의 paintComponent() 메소드를 먼저 호출하고, 자식 컴포넌트의 paint() 메소드를 나중에 호출하도록 되어 있음

   ▷ 배경 그림은 모든 자식 컴포넌트보다 먼저 드로잉되어 자식 컴포넌트 밑에 깔려야 하므로 paintComponent()에서 배경 그림이 드로잉되어야 함

 

 

◎ JPanel에 배경 이미지를 드로잉해서 JTextField와 JButton가 배경 이미지 위에 배치하는 예제

import java.awt.BorderLayout;
import java.awt.Graphics;

import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;
import javax.swing.SwingUtilities;

public class BackgroundImageExample extends JFrame {
​​​​private JTextField txtId;
​​​​private JButton btnLogin;
​​​​
​​​​// 메인 윈도우 설정
​​​​public BackgroundImageExample() {
​​​​​​​​this.setTitle("배경 그림 넣기");
​​​​​​​​this.getContentPane().add(new MyPanel(), BorderLayout.CENTER);
​​​​​​​​this.setSize(200,270);
​​​​​​​​this.setResizable(false);
​​​​​​​​this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
​​​​}
​​​​
​​​​// JPanel 클래스 선언
​​​​public class MyPanel extends JPanel{
​​​​​​​​public MyPanel() {
​​​​​​​​​​​​setLayout(null);
​​​​​​​​​​​​// JTextField JButton 부착
​​​​​​​​​​​​add(getTextField());
​​​​​​​​​​​​add(getButton());
​​​​​​​​}
​​​​​​​​
​​​​​​​​@Override
​​​​​​​​public void paintComponent(Graphics g) {
​​​​​​​​​​​​// 배경 그리기
​​​​​​​​​​​​ImageIcon icon = new ImageIcon(this.getClass().getResource("bg.jpg"));
​​​​​​​​​​​​g.drawImage(icon.getImage(), 0, 0, this);
​​​​​​​​}
​​​​}
​​​​
​​​​// JTextField 생성
​​​​public JTextField getTextField() {
​​​​​​​​if(txtId == null) {
​​​​​​​​​​​​txtId = new JTextField();
​​​​​​​​​​​​txtId.setBounds(50, 50, 100, 30);
​​​​​​​​}
​​​​​​​​return txtId;
​​​​}
​​​​
​​​​// JButton 생성
​​​​public JButton getButton() {
​​​​​​​​if(btnLogin == null) {
​​​​​​​​​​​​btnLogin = new JButton("버튼");
​​​​​​​​​​​​btnLogin.setBounds(50, 50, 100, 30);
​​​​​​​​}
​​​​​​​​return btnLogin;
​​​​}
​​​​
​​​​public static void main(String[] args) {
​​​​​​​​SwingUtilities.invokeLater(new Runnable() {
​​​​​​​​​​​​public void run() {
​​​​​​​​​​​​​​​​BackgroundImageExample jFrame = new BackgroundImageExample();
​​​​​​​​​​​​​​​​jFrame.setVisible(true);
​​​​​​​​​​​​}
​​​​​​​​});
​​​​}
}

 

 

Canvas와 Graphics의 메소드를 이용해 안티 알리아싱(테두리 다듬기), 이미지 삽입, 배경 그림 넣기 등을 해보았습니다.

 

이것들을 이용하면 게시판 꾸미기에 유용할 것 같아요~

 

더 많은 기능들에 대해서 배워볼게요~!!

 

많은 분들의 피드백은 언제나 환영합니다!  많은 댓글 부탁드려요~~