2019.11.10

Javaでグラフィック

画像の描画

等倍で画像を描画する方法を解説します。ここでの等倍は、画像の1ピクセルと描画するディスプレイの1ピクセルの大きさが同じことです。

ここから、画像を描画する方法を説明していきます。

Javaに用意されているGUIライブラリSwingを使って画像を描画します。以下のメソッドを使うと簡単に画像を表示することができます。

Graphics.drawImageメソッド

public abstract boolean drawImage( Image img, int x, int y,  ImageObserver observer )
・このグラフィックスコンテキストの座標(x, y)に画像を等倍で描画します。

  パラメータ img : 描画する画像
        x   : グラフィックスコンテキストのx座標
        y   : グラフィックスコンテキストのy座標
        observer : イメージがさらに変換されることが通知されるオブジェクト

  戻り値     イメージピクセルがまだ変更中の場合はfalse、そうでない場合はtrue

Javaソースコード

以下が、画像を描画するJavaソースコード例です。

GR_Image.java

001
002
003
004
005
006
007
008
009
010
011
012
013
014
015
016
017
018
019
020
021
022
023
024
025
026
027
028
029
030
031
032
033
034
035
036
037
038
039
040
041
042
043
044
045
046
047
048
049
050
import java.awt.*;
import javax.swing.*;
import java.awt.Image;
import java.awt.Toolkit;

public class GR_Image {
	public static void main(String[] args) {
		JFrame frame = new JFrame();

		//  タイトル名を設定
		frame.setTitle( "タイトル" );

		// フレームの大きさを設定
		frame.setSize( 400, 300 );

		// ”×”ボタンを押した時の処理を設定
		frame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );

		// フレームにパネルを追加
		MyPanel panel = new MyPanel();
		frame.getContentPane().add( panel );

		// フレームを表示
		frame.setVisible( true );
	}
}


// JPanelを継承したMyPanelを作成
class MyPanel extends JPanel {
	// 画像
	Image img;

	public MyPanel() {
		// 背景色を黒(black)に設定
		setBackground( Color.black );

		// 画像の読み込み
		img = Toolkit.getDefaultToolkit().getImage( "./sampleimage004.jpg" );
	}


	// 描画
	public void paintComponent( Graphics g ) {
		super.paintComponent( g );

		// 画像の描画
		g.drawImage( img, 100, 40, this );
	}
}

コンパイル ソースコードが「ANSI」の場合

C:\talavax\javasample>javac -encoding sjis GR_Image.java

コンパイル ソースコードが「UTF-8」の場合

C:\talavax\javasample>javac GR_Image.java

実行

C:\talavax\javasample>java GR_Image

出力結果

画像の描画

sampleimage004.jpgのサイズは、200x150ピクセルです。

その画像の左上のグラフィック座標が(100,40)になるように描画されています。

画像の描画解説

ここでは比較的小さい画像を描画しているのでフレームに収まっていますが、スマートフォンやデジタルカメラなどで撮影したサイズの大きな画像をこのプログラムに指定した場合、フレーム内に写真の左上部分だけが描画されます。

Javaソースコードの解説

ここからは、このソースコードを上から順番に解説していきます。

001
002
003
004
import java.awt.*;
import javax.swing.*;
import java.awt.Image;
import java.awt.Toolkit;

Javaクラスライブラリの中から「java.awt」と「javax.swing」と「java.awt.Image」と「java.awt.Toolkit」というパッケージにあるクラスを、このプログラム内で使うために記述します。

006
public class GR_Image {

クラス名を、GR_Imageとしています。

007
	public static void main(String[] args) {

このmainメソッドからプログラムを実行します。

008
		JFrame frame = new JFrame();

フレームの表示は、JFrameクラスを使います。

010
011
		//  タイトル名を設定
		frame.setTitle( "タイトル" );

ウィンドウに表示するタイトルを指定します。この例では、タイトルという文字列を指定しています。

013
014
		// フレームの大きさを設定
		frame.setSize( 400, 300 );

フレーム全体のサイズを指定します。この例では、フレーム全体(タイトルバーと縁を含む)のサイズは400x300ピクセルです。

016
017
		// ”×”ボタンを押した時の処理を設定
		frame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );

"×"ボタンを押したときの処理を指定します。JFrame.EXIT_ON_CLOSEは、フレームを閉じることを意味しています。

019
020
021
		// フレームにパネルを追加
		MyPanel panel = new MyPanel();
		frame.getContentPane().add( panel );

フレームにパネル(Jpanelクラス)を割り当てます。パネルは、グラフィック表示やボタンなどを乗せられる板のようなものです。ここでは、JPanelクラスを継承したMyPanelクラスを作り、そのクラスの中で画像を描画します。MyPanelクラスのソースは29行目から書いています。

029
030
// JPanelを継承したMyPanelを作成
class MyPanel extends JPanel {

JPanelクラスを継承したMyPanelクラスです。

034
035
036
	public MyPanel() {
		// 背景色を黒(black)に設定
		setBackground( Color.black );

パネルの背景色を黒にしています。public MyPanel()は、MyPanelクラスが作られる(実行される)ときに1回だけ呼ばれるメソッドです。public クラス名( 引数 )を書くことで、最初に実行するメソッドを作ることが出来ます。

038
039
		// 画像の読み込み
		img = Toolkit.getDefaultToolkit().getImage( "./sampleimage004.jpg" );

Toolkit.getDefaultToolkit().getImageメソッド画像Imageクラスに読み込んでいます。

Toolkit.getImageメソッド

public abstract Image getImage( String filename )
・指定されたファイルからピクセルデータを取得するイメージを返します。

  パラメータ filename : 画像ファイル名

  戻り値     イメージ(画像)を戻す。
043
044
045
	// 描画
	public void paintComponent( Graphics g ) {
		super.paintComponent( g );

パネルの描画メソッドです。このpublic void paintComponent( Graphics g )メソッドは、パネルの表示が必要なときに呼び出されるメソッドです。メソッド名と引数は、変えないでください。

047
048
		// 画像の描画
		g.drawImage( img, 100, 40, this );

ここから画像の描画です。drawImageメソッドに、読み込んだ画像imgと左上隅の座標(100,40)とthisを与えて画像を描画しています。4番目の引数はとりあえずthisを指定してください。

以上です。

関連コンテンツ

Swingパッケージを使ってフレームを表示する方法を解説しています。

2020.03.23

グラフィック表示するための準備として、フレームの背景色の変更の仕方を解説します。

2020.03.23

Swingを使ったライン描画の仕方を解説しています。

2015.11.14

円と楕円の描画方法を解説しています。Swingを使っています。

2018.11.14

Swingパッケージを使って絶対値のグラフを表示するJavaソースコードを紹介しています。

2019.09.21

Swingパッケージを使って立方根のグラフを表示するJavaソースコードを紹介しています。

2019.10.06

Swingパッケージを使ってコサイン(cos)のグラフを表示するJavaソースコードを紹介しています。

2019.09.21

Swingパッケージを使って放物線のグラフを表示するJavaソースコードを紹介しています。

2019.09.21

Swingパッケージを使って平方根のグラフを表示するJavaソースコードを紹介しています。

2019.09.21

Swingパッケージを使ってタンジェント(tan)のグラフを表示するJavaソースコードを紹介しています。

2019.09.21

Swingパッケージを使って数式のグラフを表示する方法を解説します。サイン(sin)カーブを表示するJavaソースコードを紹介しています。

2019.09.14

いろいろな模様(パターン)を描画する方法を紹介します。

2019.02.25

日本で使われてきた伝統文様「和柄」について解説しています。

2022.07.27

プログラミング、ITに関する用語をまとめています。

2022.10.17

Javaのmainメソッドで受け取るパラメータについて解説しています。

2017.09.26

mainメソッドで受け取るパラメータの数の取得の仕方について解説しています。

2019.05.14

プログラムの最初に実行されるメソッドは?

2022.12.13

プログラミングで使う変数って何?

2020.03.23

Javaのプログラムを書いてみませんか?プログラムの書き方をくわしく説明しています。

2020.03.23

「Javaソースコード」から実行可能な「オブジェクトコード」に変換する方法をくわしく説明しています。

2020.03.23

Javaのプログラムを作ってみませんか?プログラミングに必要なものの用意から実行までを説明しています。

2020.03.23

Javaの学習に役立つソースコードを多数紹介しています。是非、ご覧ください。

2022.09.10

Swingパッケージを使ってグラフィック表示を行う方法を解説しています。

2020.03.23

画像フォーマット形式・色・大きさ・傾きなどの変更、特定の図形(文字・記号など)を見つけたり、取り出したりする画像処理について詳しく解説。

2015.11.29

繰り返し処理を使ったJavaのソースコードサンプルを紹介しています。

2020.03.23

配列を使うJavaソースコードを多数紹介しています。

2021.05.18

数学に関係するJavaのメソッドやソースコードなどを紹介しています。

2022.10.25

三角形、台形、円などいろいろな図形の面積を計算するプログラムを紹介しています。詳しくは、記事をご覧ください。

2021.05.18

StringクラスとStringBuilderクラスを利用したプログラミングの仕方を紹介しています。

2016.12.16

Javaを使った簡単な応用プログラム(生年月日から年齢を計算プログラムなど)を紹介しています。

2022.07.07

デジタル画像データを構成している要素について解説しています。

2015.12.22

画像って何?

2022.07.25

プログラミング言語とは?種類や特徴について説明しています。

2022.08.03

メソッドの定義方法を詳しく解説しています。Javaのサンプルソースコードを使った説明もあります。

2020.03.23

画像の座標系はどのように定義されていますか?

2020.03.23

Javaプログラムの構成について解説しています。詳しくは、こちらをご覧ください。

2020.03.23

オペレーティングシステムは、コンピューターに入っている基本のソフトウェアで、電源を入れると最初に起動します。オペレーティングシステムが持っている機能って何?

2022.07.14

平面上の位置を表す座標系の1つXY座標系について詳しく解説。

2020.03.23

「ゆるゆるプログラム」のコンテンツを紹介しています。興味のある方はこの記事をご覧ください。

2020.03.23

広告