C# Windows フォームアプリケーションのチュートリアルと例

これまで、コンソールベースのアプリケーションを作成するためにC#を使用する方法を見てきました。しかし、実際のシナリオでは、チームは通常Visual StudioとC#を使用して、 Windows フォームまたは Web ベースのアプリケーション。

Windows フォーム アプリケーションは、コンピューター上で実行するように設計されたアプリケーションです。Web ブラウザー上では実行されません。Web アプリケーションになるためです。

このチュートリアルでは、作成方法に焦点を当てます。 Windowsベースのアプリケーション。また、C# のさまざまな要素を操作する方法についての基本も学びます。 Windows アプリケーション。

Windows フォームの基本

A Windows フォーム アプリケーションは、デスクトップ コンピュータ上で実行されるアプリケーションです。あ Windows フォーム アプリケーションには通常、ラベル、テキスト ボックス、リスト ボックスなどのコントロールのコレクションが含まれます。

以下は簡単な例です Windows フォームアプリケーションC#。ユーザーがアクセスできる簡単なログイン画面が表示されます。ユーザーは必要な資格情報を入力し、「ログイン」ボタンをクリックして続行します。

Windows フォームの基本

上記のアプリケーションで利用可能なコントロールの例

  1. これは、通常、隣接するコントロールを説明するために使用されるラベル コントロールのコレクションです。したがって、この例では 2 つのテキスト ボックスがあり、ラベルは、XNUMX つのテキスト ボックスがユーザー名を入力するためのもので、もう XNUMX つがパスワードを入力するためのものであることをユーザーに伝えるために使用されます。
  2. 2 つのテキスト ボックスは、ユーザーが入力するユーザー名とパスワードを保持するために使用されます。
  3. 最後に、ボタン コントロールがあります。 ボタン コントロールには通常、特定の一連のアクションを実行するためのコードがアタッチされています。 たとえば上記の場合、ユーザーが入力したユーザー名とパスワードを検証するアクションをボタンに実行させることができます。

C# ハローワールド

それでは、Visual Studioでシンプルな「Hello World」アプリケーションを実装する方法の例を見てみましょう。そのためには、以下の手順を実行する必要があります。

ステップ1) 最初のステップは、Visual Studioで新しいプロジェクトを作成することです。 Visual Studioの、メニュー オプション [新規] -> [プロジェクト] を選択する必要があります。

C# ハローワールド

ステップ2) 次のステップでは、プロジェクト タイプを選択します。 Windows フォームアプリケーション。ここでは、プロジェクトの名前と場所についても言及する必要があります。

C# ハローワールド

  1. プロジェクトダイアログボックスには、Visual Studioでさまざまな種類のプロジェクトを作成するためのさまざまなオプションが表示されます。 Windows 左側のオプション。
  2. をクリックすると Windows 前のステップのオプションで、次のオプションが表示されます。 Windows フォームアプリケーション。このオプションをクリックします。
  3. アプリケーションに名前を付けます。 私たちの場合、それは DemoApplication です。 アプリケーションを保存する場所も提供します。
  4. 最後に、「OK」ボタンをクリックして、Visual Studio でプロジェクトを作成します。

上記の手順に従うと、Visual Studio で以下の出力が得られます。

出力:-

C# ハローワールド

Visual Studioにフォームデザイナーが表示されます。このフォームデザイナーで、 Windows フォームアプリケーション。

C# ハローワールド

ソリューション エクスプローラーでは、DemoApplication ソリューションも確認できます。 このソリューションには以下の 2 つのプロジェクト ファイルが含まれます

  1. Forms1.cs という名前のフォーム アプリケーション。このファイルには、 Windows フォーム申請。
  2. Program.cs と呼ばれるメイン プログラムは、Visual Studio で新しいアプリケーションが作成されるときに作成される既定のコード ファイルです。このコードには、アプリケーション全体のスタートアップ コードが含まれます。

Visual Studioの左側にはツールも表示されます。Boxツールボックスには、 Windows フォーム。テキストボックスやラベルなどのコントロールは、フォームに追加できるコントロールの一部です。 Windows フォーム。

以下はツールボックスのスクリーンショットです。

C# ハローワールド

ステップ3) この手順では、フォームに「Hello World」と表示するラベルを追加します。ツールボックスから、ラベル コントロールを選択し、フォームにドラッグするだけです。

C# ハローワールド

ラベルをフォームにドラッグすると、以下に示すようにラベルがフォームに埋め込まれていることがわかります。

C# ハローワールド

ステップ4) 次のステップでは、コントロールのプロパティに移動し、テキストを「Hello World」に変更します。

コントロールのプロパティに移動するには、コントロールを右クリックし、[プロパティ] メニュー オプションを選択する必要があります。

C# ハローワールド

  • プロパティ パネルは Visual Studio にも表示されます。ラベル コントロールの場合は、プロパティ コントロールのテキスト セクションに移動して「Hello World」と入力します。
  • 各コントロールには、コントロールを説明する一連のプロパティがあります。

C# ハローワールド

上記の手順をすべて実行し、Visual Studioでプログラムを実行すると、次の出力が得られます。

出力:-

C# ハローワールド

出力では、次のことがわかります。 Windows フォームが表示されます。フォームに「Hello World」と表示されているのも確認できます。

フォームへのコントロールの追加

前のセクションで「Hello World」を表示するラベル コントロールを追加したときに、フォームにコントロールを追加する方法をすでに説明しました。

使用可能な他のコントロールを見てみましょう Windows フォームを作成し、それらの共通プロパティのいくつかを確認します。

Windows C# のフォーム アプリケーションの例では、次の機能を備えた 1 つのフォームを作成します。

  1. ユーザーが名前と住所を入力できる機能。
  2. ユーザーが居住する都市を選択するオプション
  3. ユーザーが性別のオプションを入力できる機能。
  4. ユーザーが学びたいコースを選択するオプション。 C# と ASP.Net の両方を選択できます。

それでは、各コントロールを詳細に見て、それらを追加して上記の機能を備えたフォームを構築しましょう。

グループ Box

グループ ボックスは、コントロールをセクションに論理的にグループ化するために使用されます。人物の名前や住所などの詳細を入力するためのコントロールのコレクションがあるとします。理想的には、これらは人物の詳細であるため、これらの詳細をフォームの別のセクションに配置する必要があります。この目的のために、グループ ボックスを使用できます。以下に示す例を使用して、これを実装する方法を見てみましょう。

ステップ1) 最初のステップは、グループボックスコントロールを Windows 下図のようにツールボックスからフォームを作成します

フォームへのコントロールの追加

ステップ2) グループボックスを追加したら、グループボックス コントロールをクリックしてプロパティ ウィンドウに移動します。プロパティ ウィンドウで、テキスト プロパティに移動し、「ユーザーの詳細」に変更します。

フォームへのコントロールの追加

上記の変更を行うと、次の出力が表示されます。

出力:-

フォームへのコントロールの追加

出力では、グループボックスがフォームに追加されたことが明確にわかります。また、グループボックスのテキストが「ユーザーの詳細」に変更されたこともわかります。

ラベル コントロール

次はラベル コントロールです。ラベル コントロールは、フォーム上でユーザーにテキストまたはメッセージを表示するために使用されます。ラベル コントロールは通常、他のコントロールと一緒に使用されます。一般的な例としては、ラベルがテキスト ボックス コントロールと一緒に追加されることがあります。

ラベルは、テキスト ボックスに入力する内容をユーザーに示します。以下に示す例を使用して、これをどのように実装するかを見てみましょう。ラベルを 2 つ追加します。XNUMX つは「名前」、もう XNUMX つは「住所」です。これらは、後のセクションで追加されるテキスト ボックス コントロールと組み合わせて使用​​されます。

ステップ1) 最初のステップは、ラベル コントロールを Windows 下図のようにツールボックスからフォームを作成します。ラベル コントロールを 2 回ドラッグして、XNUMX つを「名前」用、もう XNUMX つを「住所」用にしてください。

フォームへのコントロールの追加

ステップ2) ラベルを追加したら、ラベル コントロールをクリックしてプロパティ ウィンドウに移動します。 プロパティ ウィンドウで、各ラベル コントロールの Text プロパティに移動します。

フォームへのコントロールの追加

上記の変更を行うと、次の出力が表示されます。

出力:-

フォームへのコントロールの追加

フォームにラベル コントロールが追加されていることがわかります。

テキストボックス

テキストボックスは、ユーザーがテキストを入力できるようにするために使用されます。 Windows C#でアプリケーションを作成します。以下の例でこれをどのように実装するかを見てみましょう。フォームに2つのテキストボックスを追加します。XNUMXつは名前用、もうXNUMXつはユーザーが入力する住所用です。

ステップ1) 最初のステップは、テキストボックスコントロールを Windows 下図のようにツールボックスからフォームを作成します

フォームへのコントロールの追加

ステップ2) テキスト ボックスを追加したら、テキスト ボックス コントロールをクリックしてプロパティ ウィンドウに移動します。プロパティ ウィンドウで、名前プロパティに移動し、各テキスト ボックスに意味のある名前を追加します。たとえば、ユーザーのテキスト ボックスの名前を txtName、アドレスのテキスト ボックスの名前を txtAddress にします。コントロールに命名規則と標準を設定すると、後で説明するコントロールに追加機能を追加しやすくなります。

フォームへのコントロールの追加

上記の変更を行うと、次の出力が表示されます。

出力:-

フォームへのコントロールの追加

出力では、テキストボックスがフォームに追加されたことが明確にわかります。

リストボックス

リストボックスは、アイテムのリストを表示するために使用されます。 Windows フォーム。以下に示す例を使用して、これをどのように実装できるかを見てみましょう。都市の場所をいくつか保存するためのリスト ボックスをフォームに追加します。

ステップ1) 最初のステップは、リストボックスコントロールを Windows 下図のようにツールボックスからフォームを作成します

フォームへのコントロールの追加

ステップ2) リスト ボックスが追加されたら、リスト ボックス コントロールをクリックしてプロパティ ウィンドウに移動します。

フォームへのコントロールの追加

  1. まず、リストボックスコントロールのプロパティを変更します。この例では、これをlstCityに変更しました。
  2. Items プロパティをクリックします。これにより、リスト ボックスに表示できるさまざまな項目を追加できます。この例では、項目「コレクション」を選択しました。
  3. 表示される文字列コレクション エディターに都市名を入力します。 私たちの場合は、「ムンバイ」、「バンガロール」、「ハイデラバード」と入力しました。
  4. 最後に、[OK] ボタンをクリックします。

上記の変更を行うと、次の出力が表示されます。

出力:-

フォームへのコントロールの追加

出力を見ると、リストボックスがフォームに追加されたことがわかります。また、リストボックスに都市の値が設定されていることもわかります。

ラジオボタン

ラジオボタンは、ユーザーが項目を選択できる項目のリストを表示するために使用されます。 以下に示す例でこれを実装する方法を見てみましょう。 男性/女性オプションのラジオボタンを追加します。

ステップ1) 最初のステップは、「ラジオボタン」コントロールを Windows 以下に示すようにツールボックスからフォームを作成します。

フォームへのコントロールの追加

ステップ2) ラジオボタンを追加したら、ラジオボタン コントロールをクリックしてプロパティ ウィンドウに移動します。

フォームへのコントロールの追加

  1. まず、両方のラジオ コントロールのテキスト プロパティを変更する必要があります。プロパティ ウィンドウに移動し、一方のラジオ ボタンのテキストを男性に変更し、もう一方のラジオ ボタンのテキストを女性に変更します。
  2. 同様に、両方のラジオ コントロールの名前プロパティを変更します。プロパティ ウィンドウに移動し、一方のラジオ ボタンの名前を「rdMale」に変更し、もう一方のラジオ ボタンの名前を「rdfemale」に変更します。

上記の変更を行うと、次の出力が表示されます。

出力:-

フォームへのコントロールの追加

ラジオボタンが追加されているのがわかります。 Windows フォーム。

チェックボックス

チェックボックスは、ユーザーが複数の選択肢を選択できるオプションのリストを提供するために使用されます。以下に示す例を使用して、これをどのように実装するかを見てみましょう。 Windows フォーム。これらのチェックボックスにより、ユーザーは C# または ASP.Net のどちらを学習するかを選択できます。

ステップ1) 最初のステップは、チェックボックスコントロールを Windows 下図のようにツールボックスからフォームを作成します

フォームへのコントロールの追加

ステップ2) チェックボックスを追加したら、チェックボックス コントロールをクリックしてプロパティ ウィンドウに移動します。

フォームへのコントロールの追加

プロパティウィンドウで、

  1. まず、両方のチェックボックスコントロールのテキストプロパティを変更する必要があります。プロパティウィンドウに移動して、テキストをC#に変更し、 ASP.Net.
  2. 同様に、両方のラジオ コントロールの名前プロパティを変更します。プロパティ ウィンドウに移動し、1 つのチェック ボックスの名前を chkC に変更し、もう 1 つのチェック ボックスの名前を chkASP に変更します。

上記の変更を行うと、次の出力が表示されます。

出力:-

フォームへのコントロールの追加

ボタン

ボタンは、ユーザーがボタンをクリックしてフォームの処理を開始できるようにするために使用されます。 以下に示す例でこれを実装する方法を見てみましょう。 フォーム上のすべての情報を送信するために使用される「送信」という単純なボタンを追加します。

ステップ1) 最初のステップは、ボタン コントロールを Windows 下図のようにツールボックスからフォームを作成します

フォームへのコントロールの追加

ステップ2) ボタンを追加したら、Button コントロールをクリックしてプロパティ ウィンドウに移動します。

フォームへのコントロールの追加

  1. まず、ボタン コントロールのテキスト プロパティを変更する必要があります。プロパティ ウィンドウに移動し、テキストを「送信」に変更します。
  2. 同様に、コントロールの名前プロパティを変更します。プロパティ ウィンドウに移動し、名前を「btnSubmit」に変更します。

上記の変更を行うと、次の出力が表示されます。

出力:-

フォームへのコントロールの追加

おめでとうございます。これで最初の基本が完成しました Windows 所定の位置にフォームします。次のトピックに進み、コントロールのイベント処理を行う方法を見てみましょう。

コントロールの C# イベント処理

Windowsフォームで作業する場合、コントロールにイベントを追加できます。イベントとは、アクションが実行されたときに発生するものです。おそらく最も一般的なアクションは、フォーム上のボタンのクリックです。C#では Windows フォームには、フォーム上のボタンが押されたときに特定のアクションを実行するために使用できるコードを追加できます。

通常、フォーム上のボタンが押されると、何らかの処理が行われる必要があることを意味します。

ボタン イベント シナリオに進む前に、イベントの XNUMX つとその処理方法を見てみましょう。

以下の例では、リストボックス コントロールのイベントを紹介します。リストボックス コントロールで項目が選択されるたびに、選択された項目を示すメッセージ ボックスがポップアップ表示されます。これを実現するには、次の手順を実行しましょう。

ステップ1) Double フォームデザイナーのリストボックスをクリックします. これを行うと、Visual Studio はフォームのコード ファイルを自動的に開きます。そして、コードにイベント メソッドを自動的に追加します。このイベント メソッドは、リスト ボックス内の任意の項目が選択されるたびにトリガーされます。

コントロールの C# イベント処理

上記は、フォーム上のリスト ボックス コントロールをダブルクリックすると Visual Studio によって自動的に追加されるコード スニペットです。次に、このコード スニペットに以下のコード セクションを追加して、リスト ボックス イベントに必要な機能を追加します。

コントロールの C# イベント処理

  1. これは、リスト ボックス コントロールをダブルクリックしたときに Visual Studio によって自動的に作成されるイベント ハンドラー メソッドです。メソッド名の複雑さやメソッドに渡されるパラメーターについて心配する必要はありません。
  2. ここでは、lstCity.SelectedItem プロパティを通じて SelectedItem を取得しています。lstCity はリストボックス コントロールの名前であることに注意してください。次に、GetItemText メソッドを使用して、選択された項目の実際の値を取得します。次に、この値をテキスト変数に割り当てます。
  3. 最後に、メッセージを使用します。Box テキスト変数値をユーザーに表示するメソッド。

上記の変更を行い、Visual Studioでプログラムを実行すると、次の出力が表示されます。

出力:-

コントロールの C# イベント処理

出力から、リスト ボックスから任意の項目が選択されると、メッセージ ボックスがポップアップ表示されることがわかります。これにより、リスト ボックスから選択された項目が表示されます。

次に、最後のコントロールであるボタン クリック メソッドを見てみましょう。これも同じ考え方に従います。フォーム デザイナーでボタンをダブルクリックするだけで、ボタン イベント ハンドラーのメソッドが自動的に追加されます。その後、以下のコードを追加するだけです。

コントロールの C# イベント処理

  1. これは、ボタン コントロールをダブルクリックしたときに Visual Studio によって自動的に作成されるイベント ハンドラー メソッドです。メソッド名やメソッドに渡されるパラメーターの複雑さを心配する必要はありません。
  2. ここでは、名前と住所のテキスト ボックスに入力された値を取得しています。値は、テキスト ボックスのテキスト プロパティから取得できます。次に、値を 2 つの変数、名前、および住所に割り当てます。
  3. 最後に、メッセージを使用します。Box 名前とアドレスの値をユーザーに表示するメソッド。

上記の変更を行い、Visual Studioでプログラムを実行すると、次の出力が表示されます。

出力:-

コントロールの C# イベント処理

  1. まず、名前とアドレスのフィールドに値を入力します。
  2. 次に、「送信」ボタンをクリックします

[送信] ボタンをクリックすると、メッセージ ボックスがポップアップ表示され、ユーザーの詳細セクションに入力した内容が正しく表示されます。

木と絵Box 管理

さらに 2 つのコントロールがあります。XNUMX つは「ツリー コントロール」、もう XNUMX つは「イメージ コントロール」です。 これらのコントロールを実装する方法の例を見てみましょう

ツリーコントロール

– ツリー コントロールは、アイテムをツリー状にリストダウンするために使用されます。おそらく最も良い例は、 Windows エクスプローラーそのもの。のフォルダー構造は、 Windows Explorer はツリー状の構造物のようなものです。

以下に示す例でこれを実装する方法を見てみましょう。

ステップ1) 最初のステップは、Tree コントロールを Windows 下図のようにツールボックスからフォームを作成します

木と絵Box 管理

ステップ2) 次のステップでは、ツリー コレクションへのノードの追加を開始して、それに応じてノードがツリー内に表示されるようにします。 まず、以下のサブステップに従って、ルート ノードをツリー コレクションに追加しましょう。

木と絵Box 管理

  1. ツリービューコントロールのプロパティツールボックスに移動します。ノードのプロパティをクリックします。これにより、ツリーノードエディタが表示されます。
  2. TreeNode Editor で [ルートの追加] ボタンをクリックして、ルート ノードをツリー コレクションに追加します。
  3. 次に、ルート ノードのテキストを変更し、そのテキストをルートとして指定し、[OK] ボタンをクリックします。 これにより、ルート ノードが追加されます。

ステップ3) 次のステップでは、ツリー コレクションへの子ノードの追加を開始します。 以下のサブステップに従って、子ルート ノードをツリー コレクションに追加しましょう。

木と絵Box 管理

  1. まず、「子の追加」ボタンをクリックします。 これにより、子ノードを Tree コレクションに追加できるようになります。
  2. 各子ノードのテキスト プロパティを変更します。前の手順とこの手順を繰り返し、さらに 2 つのノードを追加します。最終的には、上記のように、テキストがそれぞれラベル、ボタン、チェックボックスである 3 つのノードが作成されます。
  3. [OK]ボタンをクリックします

上記の変更を行うと、次の出力が表示されます。

出力:-

木と絵Box 管理

フォームにツリー ビューが追加されたことが確認できます。を実行すると、 Windows フォーム アプリケーションでは、ルート ノードを展開し、リスト内の子ノードを確認できます。

画像Box 管理

このコントロールは、Winforms C# に画像を追加するために使用されます。 以下に示す例でこれを実装する方法を見てみましょう。

ステップ1) 最初のステップは、画像をドラッグすることですBox C# 上で制御する Windows 下図のようにツールボックスからフォームを作成します

木と絵Box 管理

ステップ2) 次のステップは、実際に画像を画像ボックス コントロールに添付することです。これは、以下の手順に従って実行できます。

木と絵Box 管理

  1. まず、画像の「画像」プロパティをクリックします。Box コントロール。 新しいウィンドウがポップアップ表示されます。
  2. このウィンドウで、[インポート] ボタンをクリックします。これは、picturebox コントロールに画像を添付するために使用されます。
  3. ダイアログボックスがポップアップし、画像ボックスに添付する画像を選択できます。
  4. [OK]ボタンをクリックします

上記の変更を行うと、次の出力が表示されます。

出力:-

木と絵Box 管理

出力から、フォームに画像が表示されていることがわかります。

まとめ

  • A Windows C#アプリケーションのフォームは、コンピュータのデスクトップ上で実行されるものです。Visual StudioフォームとC#を使用すると、 Windows フォームアプリケーション。
  • コントロールは、 Windows Visual Studio のツールボックスを介して C# フォームを作成します。ラベル、チェックボックス、ラジオボタンなどのコントロールは、ツールボックスを介してフォームに追加できます。
  • ツリー ビュー コントロールやピクチャなどの高度なコントロールを使用することもできます。Box コントロール。
  • イベント ハンドラーは、コントロールから生成されたイベントに応答するために使用されます。 最も一般的なのは、ボタンのクリック イベントに追加されたものです。

続きを読む readmore