ソース・プログラム Graph2d.java

描画の手順

1. java.awt.geom.* を import しましょう。（４行目）
2. Ellipse2D.Double と Rectangle2D.Double の親クラス RectangularShape の配列 shape（１４行目） と 要素の個数 nshape （１３行目）を定義します。
3. コンストラクタの中で、マウスリスナを登録します。 ここでは、アダプタをつかった方法を用います。 オーバライドが必要な mouseReleased だけを定義するだけですみます。（１７〜３６行目）
4. マウスカーソルの位置を取得し、double に変換（１９〜２０行目）
5. 画面の下端に貼り付けたテキストフィールドから 図形の幅と高さをとりだし、double に変換（２１〜２２行目）
6. 画面の下端のラジオボタンで指定された図形（楕円か矩形）を 生成し、ｓ に代入（２３〜２８行目）
7. 保存用の配列に ｓ を代入（２９〜３３行目）
8. 描画（３４行目）
9. paintComponent メソッドを定義します。（４０〜４７行目）
10. g を Graphics2D に変換（４２行目）
11. gg に対して配列に保存した図形を draw します（４５行目）。
12. ラジオボタンをボタングループに登録し（６９〜７１行目）、 パネルに貼り付けます（７２〜７４行目）。
13. ラベルで標題をつけて、テキストフィールドを貼り付けます（７５〜７８行目）。

クリックをした場所を左上隅にする図形が表示されます。

ソース・プログラム Graph2p.java

描画の手順

1. java.awt.image.BufferedImage を import しましょう。（５行目）
2. BufferedImage クラスの変数 image と、image のGraphics2D を保持する imageGraphics を宣言します。（１３〜１４行目）
3. コンストラクタの中で、マウスリスナを登録します。（１７〜３１行目）
   ｘ、ｙ、ｗ、ｈ の取得方法は例１と同じです。
4. 画面の下端のラジオボタンで指定された図形（楕円か矩形）を 生成し、shape に代入（２４〜２８行目）
5. 描画（２９行目）
6. paintComponent メソッドを定義します。（３５〜５１行目）
7. 初回の描画のときは、このパネルの大きさと同じイメージを生成し、 image という名前をつけ（３７〜４０行目）、image の Graphics を 作成し、背景色で塗りつぶしておきます（４１〜４３行目）。
8. shape に図形が設定されていればそれを image に描画します。（４６〜４８行目） できた image をこのパネルに書き出します（４９行目）。
9. main メソッドは例１と同じです。

ドロー系の例として、描いた図形をマウスで移動してみましょう。

例１のプログラムに次のような変更を加えます。 行番号は プログラム Graph2d1.java の該当個所。

• 図形を draw のかわりに fill で描き、塗つぶす。７６行目
• クリックした点を（左上隅とする図形ではなく）中心にした図形を描く。２６、２８行目
• 図形の中にマウスカーソルを入れてドラッグをすると、その図形を移動する。４６〜５２行目
• 画面外にドラッグした場合は、図形を削除する。５５〜６４行目

ソースプログラム Graph2d1.java

実行例

色のついた図形を描画しましょう。 色の選択は、Appendix A Component の java.swing.JColorChooser の showDialog の使用例 (プログラム ColorButton6.java) を参考にします。

楕円や矩形の親クラス RectangularShape を継承するか委譲するかして、色付きのクラスを作ることになります。 つまり、

  class ColoredShape extends RectangularShape { // 継承
      Color color;
      ...
  }
  

  class ColoredShape {
      RectangularShape shape;                   // 委譲
      Color color;
      ...
  }
  

例３のプログラムに次のような変更を加えます。 行番号は プログラム Graph2d2.java の該当個所。

• ColoredShape というクラスを定義し、色と図形の対からなるクラスとする。７〜８行目
• 図形を保存する配列 shape は、RectangularShape[] から ColoredShape[] に変更する。４８行目
• ColoredShape クラスに必要なメソッドを追加する。１５〜３７行目
  shape[]． ... という形で参照しているメソッド （例３では RectangularShape クラスのメソッドであったものが、 ここでは ColoredShape のメソッドとなっている）を定義し、 RectangularShape の同名のメソッドを呼び出す。１９〜３７行目
• 図形を作成したら、色を指定して ColoredShape を生成し保存する。６５行目
• メソッド main にカラーチューザを呼び出すボタンを追加する。１２３〜１３０行目

ソースプログラム Graph2d2.java

Graph2d1.java との差異 （例３の Graph2d1.java からの変更個所を赤色で表示）

実行例

RectangularShape が抽象クラスですので、単に extends RectangularShape とすると、 コンストラクタを自分で書くはめになります。 ここででは、interface Shape を拡張して、getColor() が使えるようにしておいて、 Ellipse2D.Double を継承したクラスと Rectangle2D.Double を継承したクラスを 定義しました。
インターフェースの拡張はこの講座の範囲外ですが、プログラムを提示しておきます。

ソースプログラム Graph2d2x.java

実行結果は例４と同じです。

Graph2d1.java との差異 （例３の Graph2d1.java からの変更個所を赤色で表示）

【例５】でinterface Shape を拡張して、getColor() を追加しましたが、 color を外に出さないようにして、自分自身を描画する機能をもたせてしまいましょう。

ソースプログラム Graph2d2y.java

実行結果は例４と同じです。

Graph2d2x.java との差異 （例３の Graph2d2x.java からの変更個所を赤色で表示）

例２から例３で、draw（枠の描画）を fill（塗りつぶし）に無条件に変更しましたが、 これを図形ごとに指定するようにしましょう。

ソースプログラム Graph2d2s.java

Graph2d2y.java との差異 （例３の Graph2d2y.java からの変更個所を赤色で表示）

実行例