2015.11.14

Javaでグラフィック

ライン描画

ここでは、ライン描画の仕方を解説します。

ラインは2つの座標(x1,y1)と(x2,y2)を結んだ直線です。

以下のメソッドに、2つの座標を渡すとラインを描画されます。

Graphics.drawLineメソッド

public abstract void drawLine( int x1, int y1, int x2, int y2 )
・このグラフィックスコンテキストの座標系の点 (x1, y1) と点 (x2, y2) との間に現在の色を使って線を描きます。

  パラメータ x1 : グラフィックスコンテキストのx座標1
        y1 : グラフィックスコンテキストのy座標1
        x2 : グラフィックスコンテキストのx座標2
        y2 : グラフィックスコンテキストのy座標2

  戻り値   なし

Javaソースコード

以下は、ラインを描画するJavaソースコードと実行結果です。

GR_Line.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
import java.awt.*;
import javax.swing.*;

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

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

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

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

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

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


// JPanelを継承したMyPanelを作成
class MyPanel extends JPanel {
	public MyPanel() {
		// 背景色を黒(black)に設定
		setBackground( Color.black );
	}


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

		// ラインの色を赤(red)に設定
		g.setColor(Color.red);

		// ラインを描画
		g.drawLine( 10, 50, 220, 200 );
	}
}

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

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

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

C:\talavax\javasample>javac GR_Line.java

実行

C:\talavax\javasample>java GR_Line

出力結果

ライン描画

Javaソースコードの解説

001
002
import java.awt.*;
import javax.swing.*;

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

004
public class GR_Line {

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

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

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

006
		JFrame frame = new JFrame();

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

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

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

011
012
		// フレームの大きさを設定
		frame.setSize( 256, 256 );

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

フレームサイズ
014
015
		// ”×”ボタンを押した時の処理を設定
		frame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );

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

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

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

027
028
// JPanelを継承したMyPanelを作成
class MyPanel extends JPanel {

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

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

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

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

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

039
040
		// ラインの色を赤(red)に設定
		g.setColor(Color.red);

ここからラインの描画です。ここでは、ラインの色を赤に設定しています。

Graphics.setColorメソッド

public abstract void setColor( Color c )
・このグラフィックスコンテキストの現在の色を、指定された色に設定します。

  パラメータ c : 色

  戻り値   なし
042
043
		// ラインを描画
		g.drawLine( 10, 50, 220, 200 );

ラインの描画です。グラフィック座標(10,50)と(220,200)を結んだ直線を描画します。この例では線幅を指定していないので1ピクセルの幅のラインが描画されます。

グラフィック座標x軸は、原点より右をプラス左をマイナスの数値で表します。y軸は、原点より下をプラス上をマイナスの数値で表します。下の図は、グラフィック座標系を表しています。

フレームサイズ

以上です。

次のコンテンツ

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

2018.11.14

前のコンテンツ

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

2020.03.23

関連コンテンツ

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

2020.03.23

長方形(矩形の)の輪郭と、塗りつぶされた長方形を描画する方法を解説します。Swingを使っています。

2020.03.23

等倍で画像を描画する方法を解説します。GUIライブラリSwingを使っています。

2019.11.10

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

グラデーションって何?

2015.11.24

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

2022.07.27

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

2022.10.17

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

2022.12.13

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

2020.03.23

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

2020.03.23

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

2020.03.23

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

2018.11.14

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

2020.03.23

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

2020.03.23

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

2020.03.23

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

2022.08.03

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

2020.03.23

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

2016.12.16

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

2015.12.22

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

2022.07.14

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

2020.03.23

Graphicsオブジェクトにxy-座標とグリッド(格子)を描画するクラスを作成しました。Javaのソースコードで詳しく解説しています。

2023.01.24

広告