GUIのデザイン
あらかじめ作成するコントロールは、GcTabControlコントロールとMenuStripコントロールです。タブページであるGcTabPageコントロールと、その上に配置するDataGridViewコントロール、Labelコントロールはすべて実行時にコードから作成します。
フォームデザイン完了時のGUIのデザイン
プログラム実行時のGUIのデザイン
フォームのデザイン
このプログラムは『データベースのテーブルにあるデータをグループ化して取り出し、その金額を集計して合計や平均を算出後、タブページに表示する』というものです。クエリは、簡単な集計クエリを2つ実行し、実行のトリガーにはメニューを使用します。
フォームにMenuStripコントロールを配置し、［Dock］プロパティを「Top」に設定します。MenuStripコントロールに設定するメニューは、次の3つです。
- データの抽出
- メーカーごとの合計
- メーカーごとの平均
GcTabControlコントロールのデザイン
フォームにGcTabControlコントロールを配置し、[Dock]プロパティを「Fill」に設定します。GcTabControlコントロールのスマートタグからデザイナを起動し、タブページのデザインをします。
- まず、タブスタイルを「丸型」にして、配置はタブ位置を「下側」にします。また、タブ間隔を「5」にします。
- ［閉じる］ボタンおよびホットトラックを設定します。［閉じる］ボタンは「マウスホバーの場合に表示」にし、ホットトラックは「ハイライト」にします。
- メニューアイコンが使用できるように「CommandIconList」の下にある「MenuIcon」の「Visible」プロパティを「True」にし、アイコン「Windows.jpg」を設定します。
ここまでの設定を実施したGcTabControlコントロール
- MenuStripコントロールがGcTabControlコントロールよりも前面にくるように、GcTabControlコントロールを「最前面」に設定します。
GcTabControlコントロールを最前面にしておく
すべての設定を行ったら、［TabPages］プロパティをクリックしてコレクションエディタを表示し、タブページをすべて削除します。
