【学習】WinFormsのフォームとコントロール（基本の画面構成）
C# の文法や変数、条件分岐などを学んできました。
では、実際に画面付きのアプリを作るにはどうすればよいでしょうか。
Windows Forms（WinForms） を使うと、ボタンやテキストボックスなどの部品をドラッグ＆ドロップで配置し、簡単にアプリの画面を作れます。
今回は フォーム と コントロール の基本を学び、WinForms の画面構成を理解します。
今日学ぶこと
- フォーム … アプリのウィンドウ本体
- コントロール … ボタンやラベルなどの部品
- 画面の構成 … ツールボックス、デザイナー、プロパティウィンドウの役割
プロジェクトを作る
Visual Studio で新しいプロジェクトを作ります。
- テンプレート: Windows Forms アプリ (.NET Framework)
- ソリューション名: FormSample
- プロジェクト名: FormSample
作成すると Form1 というウィンドウが表示されます。これが フォーム です。
画面の構成要素
Visual Studio で WinForms プロジェクトを開くと、次のような画面になります。
| エリア | 内容 |
|---|---|
| 上段 | メニュー・ツールバー |
| 左 | ツールボックス（Button, Label, TextBox など） |
| 中央 | フォーム（デザイナー）… ここにコントロールを配置する |
| 下段 | プロパティウィンドウ / ソリューションエクスプローラー |
| 要素 | 役割 |
|---|---|
| ツールボックス | コントロールの一覧。ここからドラッグしてフォームに配置する |
| デザイナー | フォームを表示するエリア。ここにコントロールを配置する |
| プロパティウィンドウ | 選択したフォームやコントロールの見た目・動作を変更する |
フォームとは
フォーム は、アプリの ウィンドウ本体 です。
- タイトルバー、枠、閉じるボタンを持つ
- すべてのコントロールを載せる土台になる
- プロジェクト作成時に Form1 が自動で作られる
よく使うプロパティは次のとおりです。
| プロパティ | 説明 | 例 |
|---|---|---|
| Text | タイトルバーに表示する文字 | 「メモ帳」 |
| Size | ウィンドウのサイズ（幅, 高さ） | 400, 300 |
| StartPosition | 起動時の表示位置 | CenterScreen |
コントロールとは
コントロール は、フォームの上に乗せる 部品 です。
| コントロール | 役割 |
|---|---|
| Button | ボタン。クリックで処理を実行する |
| Label | 文字を表示する |
| TextBox | ユーザーが文字を入力する |
| CheckBox | チェックで ON/OFF を選ぶ |
| PictureBox | 画像を表示する |
ツールボックスに一覧が並んでいます。必要なものをドラッグしてフォームに配置します。
コントロールを配置する
- ツールボックス から使いたいコントロールを選ぶ
- フォーム上に ドラッグ＆ドロップ する
- 配置されたコントロールをクリックして選択し、プロパティウィンドウ で設定を変える
例：Button を配置する
- ツールボックスの Button をクリック
- フォーム上でドラッグして大きさを決める（またはクリックで配置）
- プロパティの Text を「実行」に変更
プロパティで見た目を変える
コントロールを選択した状態で、プロパティウィンドウ から設定を変更できます。
| プロパティ | 説明 |
|---|---|
| (Name) | コードから参照する名前。button1、label1 など |
| Text | ボタンやラベルに表示する文字 |
| Size | コントロールの大きさ |
| Location | フォーム内での位置 |
| BackColor | 背景色 |
| Font | フォント（文字の種類・サイズ） |
(Name) は特に重要です。コードで button1.Click のように使うときの名前になります。
デザイナーとコードの関係
WinForms プロジェクトには、フォーム用のファイルが2つあります。
| ファイル | 役割 |
|---|---|
| Form1.cs | イベント処理など、自分で書くコードを入れる |
| Form1.Designer.cs | コントロールの配置情報。デザイナーで編集すると自動で更新される |
デザイナーでボタンを配置すると、Form1.Designer.cs に button1 の生成コードが自動で追加されます。通常は Form1.Designer.cs を直接編集しない ようにします。
配置の流れ
ツールボックスからコントロールを選ぶ
↓
フォームにドラッグ＆ドロップ
↓
プロパティウィンドウで (Name) や Text を設定
↓
次の記事でイベントにコードを書く重要ポイント
フォーム はアプリのウィンドウ、コントロール はその上に乗せる部品です。
- フォーム = 土台。すべてのコントロールを載せる
- コントロール = ボタン、ラベル、テキストボックスなど
- 配置 = ツールボックスからドラッグ＆ドロップ
- プロパティ = プロパティウィンドウで見た目や名前を変更
- (Name) = コードから参照するときの名前。分かりやすい名前にしておくとよい
発展アイデア
フォームとコントロールの配置ができるようになったら、次のステップです。
- Button イベント … ボタンを押したときに処理を実行する
- TextBox … テキスト入力を受け付ける
- Label … 計算結果やメッセージを表示する
フォームとコントロールは WinForms の基本 です。まずはボタンやラベルを配置して、次の記事でクリックイベントを学びましょう。