チュートリアル: .NET を使用して Windows フォーム アプリを作成する

このチュートリアルでは、Visual Studio を使用して新しいWindows フォーム アプリを作成する方法について説明します。 Visual Studio では、フォームにコントロールを追加し、イベントを処理します。 このチュートリアルを完了すると、リスト ボックスに名前を追加する簡単なアプリが作成されます。

このチュートリアルでは、次の作業を行いました。

前提条件

Windows フォーム アプリを作成する

新しいアプリを作成するための最初のステップは、Visual Studio を開き、テンプレートからアプリを生成することです。

アプリが生成されると、Visual Studio で既定のフォーム Form1 のデザイナー ウィンドウが開きます。 フォーム デザイナーが表示されない場合は、ソリューション エクスプローラー ウィンドウでフォームをダブルクリックしてデザイナー ウィンドウを開きます。

Visual Studio の重要な部分

Visual Studio でのWindows フォームのサポートには、アプリの作成時に対話する 4 つの重要なコンポーネントがあります。

1. ソリューション エクスプローラー

   すべてのプロジェクト ファイル、コード、フォーム、リソースがこのウィンドウに表示されます。

2. プロパティ

   このウィンドウには、選択した項目のコンテキストに基づいて構成できるプロパティ設定が表示されます。 たとえば、ソリューション エクスプローラーから項目を選択すると、ファイルに関連する設定が表示されます。 Designer内のオブジェクトが選択されている場合は、コントロールまたはフォームのプロパティが表示されます。

3. フォーム デザイナー

   これは、フォーム用のデザイナーです。 対話型であり、 [ツールボックス] からオブジェクトをドラッグ アンド ドロップすることができます。 デザイナーで項目を選択して移動することにより、アプリのユーザー インターフェイス (UI) を視覚的に作成できます。

4. ツールボックス

   ツールボックスには、フォームに追加できるすべてのコントロールが含まれています。 現在のフォームにコントロールを追加するには、コントロールをダブルクリックするか、コントロールをドラッグ アンド ドロップします。

コントロールをフォームに追加する

Form1 フォーム デザイナーを開いた状態で、Toolbox ウィンドウを使用して、ツールボックスからコントロールをドラッグしてフォームにドロップすることで、次のコントロールをフォームに追加します。

• Button
• Label
• Listbox
• テキストボックス

次の図に従ってコントロールの位置とサイズを設定します。

マウスを使用してコントロールを移動およびサイズ変更して前の画像と一致させるか、次の表を使用して各コントロールを構成できます。 コントロールを構成するには、デザイナーでコントロールを選択し、 Properties ウィンドウで適切な設定を設定します。 フォームを構成するときに、フォームのタイトル バーを選択します。

イベントを処理する

フォームにすべてのコントロールがレイアウトされたので、次の手順では、ユーザー入力に応答するイベント ハンドラーを追加します。 フォーム デザイナーに移動し、次の手順を実行します。

1. フォームの [名前の追加 ] ボタン コントロールを選択します。

2. Properties ウィンドウで、イベント アイコン を選択して、ボタンのイベントを一覧表示します。

3. Click イベントを見つけてダブルクリックし、イベント ハンドラーを生成します。

   このアクションにより、次のコードがフォームに追加されます。

   private void btnAdd_Click(object sender, EventArgs e)
   {
   
   }
   

   Private Sub btnAdd_Click(sender As Object, e As EventArgs) Handles btnAdd.Click
   
   End Sub
   

   このハンドラーのコードは、 txtName テキスト ボックスで指定された名前を lstNames リスト ボックスに追加します。 ただし、名前の追加に 2 つの条件を設けます。指定された名前が空白であってはならず、名前が既に存在していてはなりません。

4. 次のコードでは、名前を lstNames コントロールに追加する方法を示します。

   private void btnAdd_Click(object sender, EventArgs e)
   {
       if (!string.IsNullOrWhiteSpace(txtName.Text) && !lstNames.Items.Contains(txtName.Text))
           lstNames.Items.Add(txtName.Text);
   }
   

   Private Sub btnAdd_Click(sender As Object, e As EventArgs) Handles btnAdd.Click
       If Not String.IsNullOrWhiteSpace(txtName.Text) And Not lstNames.Items.Contains(txtName.Text) Then
           lstNames.Items.Add(txtName.Text)
       End If
   End Sub
   

アプリを実行する

イベントが処理されたので、 F5 キーを押すか、メニューから Debug>Start Debugging を選択してアプリを実行します。 アプリが起動すると、フォームが表示され、テキスト ボックスに名前を入力してボタンを選択できます。

関連するコンテンツ

• Windows フォームの詳細を学習する
• コントロールの使用の概要
• イベントの概要