ITmedia エンタープライズ

Fig.1　今回作成したドローツール

　身近なドローツールの例としては、Windowsなら「Microsoft PowerPoint」や「Adobe Illustrator」、UNIXなら「tgif」などがあります。フォントを作るためのツールなども一種のドローツールです。プログラミング関連では、UML（Unified Modeling Language）のダイアグラムを描くツールもドローツールの仲間ですね。

　ところで「Microsoft PowerPoint」は、作図機能の部分がドローツールで、全体としてはプレゼンテーションツールです。プレゼンテーションツールのほとんどは、ドローツールの機能を内蔵しています。今回作成するドローツールも、次回はプレゼンテーションツールに発展させる予定です。

●図形管理用クラスの設計
　まず考えるべきなのは、図形を管理するためのクラスです。図形の頂点座標、色やフォント、文字列といった情報を保存したり描画したりする機能を、クラスにまとめます。

　ドローツールで扱う図形情報は、クラス（オブジェクト指向的なデータ構造）との相性がいいデータです。図形には矩形、楕円、ポリゴン、テキストなどの種類があって、それぞれまったく形状が違いますが、共通部分も多くあります。たとえば、図形を囲む四隅の座標や描画色といった情報は、どの図形にも必要なものです。こういった共通部分を、クラスの継承関係を使ってうまく表現してやることが、ドローツール作りの基本です。

●図形選択時の当たり判定
　ドローツールには、図形を移動したり、サイズを変更したりといった機能が必要です。また、複数の図形をまとめる（グループ化する）ときにも、まず図形を選択する必要があります。

　図形を選択するには、図形をクリックするのが一般的です。では画面をクリックしたときに、クリックしたのがどの図形なのかをどう判定したらいいのでしょうか。

　たとえば、矩形ならば簡単です。クリックした座標が矩形の四隅の内側に入っているかどうかを調べればいいのです。では、楕円やポリゴンはどうでしょうか。これらは、四隅だけで内側か外側かを単純に判定できません。このように複雑な形状の内外を判定するには工夫が必要です。

●そのほかのポイント
　ツールの基本機能としては、ファイルの入出力や編集操作（切り取り、コピー、ペースト）などもサポートしたいところです。これらの機能は、図形管理用クラスに盛り込みます。付加的なものとして、図形を一定間隔で整列させる機能（グリッド機能）や、印刷機能などもあると便利です。これらは基本機能を作ってから、必要に応じて足していけばいいでしょう。

・矩形
・楕円
・ポリゴン（多角形）
・テキスト（文字列）

　後ほど、これらの図形をまとめてグループにする機能（グループ化機能）をつけます。グループ化機能があれば、基本図形を組み合わせて複雑な形状を作ることもできます。

　実際のドローツールの画面では、これらの図形はFig.2のように表示されます。ポリゴンについては、図形を閉じるかどうかを指定できるようにすれば、線を描くのにも使えます。

Fig.2　基本図形

関連リンク
C MAGAZINE
ひぐぺん工房
「デスクトップマスコットを作ろう」紹介ページ
「デスクトップマスコットを作ろう」著者ページ