それではコマンドプロンプトもしくはターミナルを開き、jshellをコマンド入力してjshellを起動します。

続いて、Swingのパッケージをインポートします。

import javax.swing.*

次にSwingの画面を表示させるための処理を書いていきます。この処理は前回も説明しておりますので解説は割愛します。

var f = new JFrame("drawing")
f.setVisible(true)

変更点としては変数がfに変更され、ウィンドウの名称がdrawingになっている所のみです。

次にJLabelというコンポーネントを使用して変数を割り当て、そのラベルをウィンドウに配置します。

var label = new JLabel("test")
f.add(label)
f.pack()

JLabelは静的で編集のできないコンポーネントを表します。

前回使用した入力スペースやボタンのコンポーネントではなく表示させるだけのコンポーネントです。

今回は新しくpack()というメソッドを使用していますが、このメソッドはラベルに合わせてウィンドウサイズを調整するメソッドになります。

この処理を実行すると下記画像のようになります。

画像1：pack()メソッドの処理後


それではこの章の目標である図形を描画していきます。

まず、画像を扱うクラスをインポートします。

import java.awt.image.BufferedImage

次に、クラスのコンストラクタを作成して、それぞれ挿入する画像のサイズや種類を設定します。

var image = new BufferedImage(600,400,BufferedImage.TYPE_INT_RGB)

BufferedImageクラスのコンストラクタにはそれぞれ画像の幅、高さ、種類が指定されます。

今回は下記の設定で実行します。

幅：600
高さ：400
種類：BufferedImage.TYPE_INT_RGB（BufferedImageを使用する際にTYPE_INT_RGBを使う。RGBカラーモデルで色を設定。）

次にJLabelのコンポーネントに先ほど設定した画像を表示させる処理を行います。

var icon = new ImageIcon(image)
label.setIcon(icon)

1つの処理を2行で処理を行っていますので下記のように1行で表示させることもできるので下記でご紹介しておきます。

label.setIcon(new ImageIcon(image))

それではこれまで設定した処理をSwingに表示させるために先ほど使用したpack()メソッドを使用して幅：600、高さ：400のサイズに合わせて表示させます。

​​f.pack()

これで下記画面のように表示されていると思いますが、表示された画面が黒であるのはデフォルトで表示されたピクセルが黒で埋められているからです。

つまりデフォルトが黒画面ということです。


そして、右側には先ほど設定したラベルが表示されています。

左右に表示されている理由としては、表示される順番に理由があり、画像とラベルの配置順番が逆になると表示方法も逆になります。

これはデフォルトでそのように配置される仕様になっています。

配置する場所はレイアウトマネージャーを使用して設定できます。


画像2：２つの要素のレイアウト


次に簡単な線や画像を描画してみます。

var g = image.createGraphi