C#でシンプルなWindows Formアプリケーションを作成する手順を紹介します。

Visual Studioの起動とプロジェクトの作成

Visual Studio を起動します。


はじめに新しいプロジェクトを作成します。[ファイル]メニューの[新規作成]から[プロジェクト]メニューをクリックします。


[新しいプロジェクト]ダイアログが表示されます。左側のインストールされたテンプレートエリアから[Visual C#]ノードを選択し、[Windows フォームアプリケーション]を選択します。


下部の[名前]テキストボックス部分にプロジェクトの名称を入力します。今回は[FirstApp]とします。場所にはプロジェクトファイル一式を格納するディレクトリの場所を入力します。ソリューション名はこのプロジェクトが格納されるソリューション名を入力します。今回はプロジェクト名と同じにしました。設定ができたら[OK]ボタンを押します。


プロジェクトが新規作成され下図の画面のフォームが表示されます。

フォームの編集、コントロールの配置

作成されたフォームのサイズを変更します。フォームの隅にある白い点(ハンドル)にマウスポインタを合わせドラッグすることでフォームのサイズを変更できます。


続いてコントロール（アプリケーションを構成する部品）であるテキストボックスをフォームに配置します。左側のツールボックスからTextBoxをクリックして選択します。


下図のようにツールボックスが表示されていない場合は、左端にある[ツールボックス]ボタンをクリックするとツールボックスが表示されます。


ツールボックスが表示された状態でツールボックスの右上の[×]アイコンの左隣のピンアイコンをクリックするとツールボックスが表示されたままになります。


ツールボックスのTextBoxをクリックして選択し、フォームの上にドラッグ＆ドロップするとフォームにテキストボックスが配置されます。下図のように3つテキストボックスを配置します。


続いて[Button]コントロールをフォームに配置します。左側のツールボックスから[Button]コントロールをクリックして選択します。


選択した[Button]コントロールをフォームにドラッグ＆ドロップします。フォームにButtonコントロールが張り付けられました。


フォームにButtonコントロールを4つ配置します。

コントロールのプロパティの変更

3つ配置したテキストボックスの一番右側のTextBoxの色を変えます。まず、TextBoxをクリックして選択します。次に、右下のプロパティウィンドウのプロパティからBackColorプロパティを探します。


BackColorプロパティのドロップダウンボックスの下三角をクリックします。下図のようにカラーパレットが表示されます。


カラーパレットの上部のタブをクリックするとパレットの種類が変わります。下図はWebカラーのカラーバレットに変えた状態です。


[カスタム]タブをクリックしてカスタムパレットを表示します。


パレットの黄色をクリックしてカラーを黄色に変えます。テキストボックスの背景色が黄色になりました。


続いてボタンの表面の文字を変更します。ボタンをクリックして選択します。


右下のプロパティウィンドウからTextプロパティを探します。


Button1をなっている部分を"+"に変更しました。ボタンの表面の文字列が変わります。


Button2をクリックして選択し、同様の操作をします。


左からボタンの文字列を+ - * / に変更します。

イベントハンドラの実装

続いてコントロールのイベントハンドラに処理を記述します。いちばん左側の"+"ボタンをクリックして選択します。次に、プロパティウィンドウの上部にあるツールバーの[イベント]ボタン(稲妻の絵が描かれているボタン)をクリックします。


プロパティウィンドウにイベントの一覧が表示されます。一覧の中から[Click]イベントを探し、コンボボックス部分をダブルクリックします。


コードウィンドウが表示されます。


コードウィンドウのbutton1_Clickメソッド内にコードを実装します。


実装したコードは下記です。テキストボックスに入力された値を足し黄色のテキストボックスに表示するコードになります。

private void button1_Click(object sender, EventArgs e)
{
  int a = Convert.ToInt32(textBox1.Text);
  int b = Convert.ToInt32(textBox2.Text);
  int c = a+b;
  textBox3.Text = Convert.ToString(c);
}

補足 : textBox1, textBox2, textBox3 の名称はどこで定義されているのか

textBox1, textBox2, textBox3 の名称はテキストボックスコントロールのNameに設定されています。デフォルトでは配置した順にtextBox1, textBox2, textBox3, textBox4 ... と末尾の数字が増えて命名されます。

プログラムのデバッグ

プログラムをデバッグします。ツールバーのデバッグ開始ボタン(緑色の三角ボタン)をクリックします。


プログラムが起動しフォームが表示されます。左側の2つのテキストボックスに数値を入力し[+]ボタンを押します。


結果が黄色のテキストボックスに表示されました。ウィンドウの右上の閉じるアイコンをクリックしプログラムを終了します。

コードの実装

button2もbutton1と同様にClickイベントにコードを実装します。


実装したコードは以下の通りです。テキストボックスに入力された値の差を黄色のテキストボックスに表示させるコードになります。

private void button2_Click(object sender, EventArgs e)
{
  int a = Convert.ToInt32(textBox1.Text);
  int b = Convert.ToInt32(textBox2.Text);
  int c = a-b;
  textBox3.Text = Convert.ToString(c);
}

button3もClickイベントにコードを実装します。


実装したコードは以下の通りです。テキストボックスに入力された値の差を黄色のテキストボックスに表示するコードになります。

private void button3_Click(object sender, EventArgs e)
{
  int a = Convert.ToInt32(textBox1.Text);
  int b = Convert.ToInt32(textBox2.Text);
  int c = a*b;
  textBox3.Text = Convert.ToString(c);
}

button4もClickイベントにコードを実装します。


実装したコードは以下の通りです。テキストボックスに入力された値の差を黄色のテキストボックスに表示するコードになります。

private void button4_Click(object sender, EventArgs e)
{
  int a = Convert.ToInt32(textBox1.Text);
  int b = Convert.ToInt32(textBox2.Text);
  float c = (float)a / (float)b;
  textBox3.Text = Convert.ToString(c);
}

デバッグ・アプリケーションの実行

デバッグ開始アイコンをクリックしプログラムを実行します。テキストボックスに数値を入力し[/]ボタンをクリックします。計算結果が黄色のテキストボックスに表示されます。


[*]ボタンを押すと2つのテキストボックスの数値の積が黄色のテキストボックスに表示されます。


[-]ボタンを押すと2つのテキストボックスの数値の差が黄色のテキストボックスに表示されます。


C#で簡単なアプリケーションを作成できました。