レイアウト

1. フォームのデザイン画面（図)のようにDialog Window上にダイアログのコントロール（PictureBox，Buttonなどの部品）を配置する。
2. 「目盛線の描画」のボタンが押されたときグラフ用紙とｘ軸，ｙ軸を描く
3. 「グラフの描画」のボタンが押されたとき関数のグラフを描く
4. 「クリア」のボタンが押されたとき画面をクリアする。

1. ラベルの配置とプロパティの設定
   1. コントロールパネルからフォームのデザインに用いるコントロール部品（ラベル）のアイコン図

      

      をクリックしてDialog Window上に配置する。

   2. 配置したラベルを右クリックし，プロパティを選ぶ。ここで，キャプションのフィールドに「２次関数のグラフ「目盛線付」」と入力するとラベルの表示が変わる。

   3. 別のラベルを用意して，「式y = x」と入力する。

   4. もうひとつラベルを用意して，キャプションに「２」と入力する。

2. Buttonの配置とプロパティの設定
   1. コントロールパネルからフォームのデザインに用いるコントロール部品（ボタン)のアイコン

      

      をクリックしてDialog Window上にButton1を配置する。

   2. 配置したボタンを右クリックし，プロパティを選ぶ。ここで，キャプションのフィールドに「目盛線の描画」と入力するとボタンの表示が変わる。

   3. Button2，Button3を同様に配置し，キャプションを変える。

3. PictureBoxの配置とプロパティの設定
   1. コントロールパネルからフォームのデザインに用いるコントロール部品（ピクチャ)のアイコン

      

      をクリックしてDialog Window上にPictureBoxを配置する。

   2. 配置したピクチャコントロールの枠（ピクチャコントロールの中ではない）を右クリックし，プロパティを選ぶ。ここで，まず，IDのフィールドをIDC_PICTUREに変更する。つぎに，タイプのフィールドを四角形とし，色は白に設定する。最後にスタイルのタブをクリックして境界線にチェックを入れる。
4. メンバ変数の設定

   以上の方法で、コントロール部品を配置した場合に、コントロール部品の ID は次のようになっているはずだ。

   ピクチャコントロール	IDC_PICTURE
   目盛線の描画ボタン	IDC_BUTTON1
   グラフの描画ボタン	IDC_BUTTON2
   消去ボタン	IDC_BUTTON3