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

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

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

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

Windows フォームの基本

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

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

Windows フォームの基本

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

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

C# ハローワールド

次に、単純な「hello world」アプリケーションを実装する方法の例を見てみましょう。 Visual Studio。このためには、以下の手順を実装する必要があります。

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

C# ハローワールド

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

C# ハローワールド

  1. プロジェクトダイアログ内 boxで、さまざまなタイプのプロジェクトを作成するためのさまざまなオプションを確認できます。 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。 ツールbox に追加できるすべてのコントロールが含まれています。 Windows フォーム。テキストのようなコントロール box またはラベルは、に追加できるコントロールの一部にすぎません。 Windows フォーム。

以下は、ツールの使用方法のスクリーンショットです。box 見える。

C# ハローワールド

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

C# ハローワールド

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

C# ハローワールド

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

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

C# ハローワールド

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

C# ハローワールド

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

出力:-

C# ハローワールド

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

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

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

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

Windows C# の例でのフォーム アプリケーションでは、次のようなフォームを 1 つ作成します。wing 機能性。

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

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

グループ Box

グループ box コントロールをセクションに論理的にグループ化するために使用されます。 de を入力するためのコントロールのコレクションがある場合の例を見てみましょう。tails 人の名前や住所など。理想的には、これらはtails 人のものなので、これらのデを持っておきたいと思うでしょうtails フォームの別のセクションに記載されています。この目的のために、グループを作成できます box。 以下に示す例でこれを実装する方法を見てみましょう

ステップ1) 最初のステップはグループをドラッグすることですbox のコントロール Windows ツールからのフォームbox 下に示すように

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

ステップ2) 一度グループになったらbox が追加されている場合は、グループをクリックしてプロパティ ウィンドウに移動しますbox コントロール。プロパティ ウィンドウで、Text プロパティに移動し、それを「User De」に変更します。tails"。

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

上記の変更を行うと、次のようになります。wing 出力

出力:-

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

出力では、グループがbox フォームに追加されました。 グループのテキストも表示されます。box を「ユーザーデ」に変更しました。tailsに設立された地域オフィスに加えて、さらにローカルカスタマーサポートを提供できるようになります。」

ラベル コントロール

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

ラベルは、テキストに何を入力する必要があるかをユーザーに示します。box。 以下に示す例でこれを実装する方法を見てみましょう。 2 つのラベルを追加します。XNUMX つは「名前」、もう XNUMX つは「アドレス」です。 本文と合わせて使用​​しますbox に追加されるコントロール later のセクションから無料でダウンロードできます。

ステップ1) 最初のステップは、ラベル コントロールを Windows ツールからのフォームbox 以下に示すように。 ラベル コントロールを 2 回ドラッグして、XNUMX つを「名前」に、もう XNUMX つを「アドレス」にできるようにしてください。

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

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

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

上記の変更を行うと、次のようになります。wing 出力

出力:-

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

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

テキストbox

文章box アロに使用されますwing ユーザーがテキストを入力する Windows C# でのアプリケーション。以下に示す例でこれを実装する方法を見てみましょう。テキストを2つ追加しますboxフォームに入力します。XNUMX つはユーザーの名前用、もう XNUMX つはユーザーのアドレス用です。

ステップ1) 最初のステップはテキストをドラッグすることですbox のコントロール Windows ツールからのフォームbox 下に示すように

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

ステップ2) テキストが完成したら boxが追加されている場合は、テキストをクリックしてプロパティ ウィンドウに移動します。box コントロール。 プロパティ ウィンドウで、Name プロパティに移動し、各テキストに意味のある名前を追加します。box。 たとえば、テキストに名前を付けますbox ユーザーの場合は txtName、アドレスの場合は txtAddress となります。これらのコントロールに追加の機能を追加することが容易になるため、コントロールの命名規則と標準を作成する必要があります。これについては後で説明します。 later に。

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

上記の変更を行うと、次のようになります。wing 出力

出力:-

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

出力では、テキストがboxes がフォームに追加されました。

リスト box

リストbox のアイテムのリストを表示するために使用されます。 Windows 形状。以下に示す例でこれを実装する方法を見てみましょう。リストを追加します box フォームにいくつかの都市の場所を保存します。

ステップ1) 最初のステップはリストをドラッグすることです box のコントロール Windows ツールからのフォームbox 下に示すように

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

ステップ2) リストが完成したら box が追加されている場合は、リストをクリックしてプロパティ ウィンドウに移動します box コントロール。

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

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

上記の変更を行うと、次のようになります。wing 出力

出力:-

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

出力では、List がbox フォームに追加されました。 リストからも確認できます box 都市の値が入力されています。

ラジオボタン

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

ステップ1) 最初のステップは、「ラジオボタン」コントロールを Windows ツールからのフォームbox としてジョブステータス出力ログに記録されます。

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

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

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

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

上記の変更を行うと、次のようになります。wing 出力

出力:-

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

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

チェックbox

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

ステップ1) 最初のステップはチェックをドラッグすることですbox のコントロール Windows ツールからのフォームbox 下に示すように

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

ステップ2) チェックが完了したらbox が追加されている場合は、「チェック」をクリックしてプロパティウィンドウに移動します。box コントロール。

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

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

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

上記の変更を行うと、次のようになります。wing 出力

出力:-

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

ボタン

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

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

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

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

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

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

上記の変更を行うと、次のようになります。wing 出力

出力:-

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

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

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

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

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

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

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

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

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

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

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

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

上記の変更を加えてプログラムを実行すると、 Visual Studio 以下が表示されますwing 出力

出力:-

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

出力から、リストのいずれかの項目が box が選択されるとメッセージが表示されます box がポップアップします。 リストから選択した項目が表示されますbox.

次に、ボタンクリックメソッドである最後のコントロールを見てみましょう。これもまた同じことになります philoソフィー。ただ double フォーム デザイナでボタンをクリックすると、ボタン イベント ハンドラのメソッドが自動的に追加されます。次に、以下のコードを追加するだけです。

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

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

上記の変更を加えてプログラムを実行すると、 Visual Studio 以下が表示されますwing 出力

出力:-

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

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

「送信」ボタンをクリックすると、メッセージが表示されます box が表示され、ユーザーデプロイメントに入力した内容が正しく表示されます。tails のセクションから無料でダウンロードできます。

木と絵Box 管理

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

ツリーコントロール

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

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

ステップ1) 最初のステップは、Tree コントロールを Windows ツールからのフォームbox 下に示すように

木と絵Box 管理

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

木と絵Box 管理

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

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

木と絵Box 管理

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

上記の変更を行うと、次のようになります。wing 出力。

出力:-

木と絵Box 管理

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

画像Box 管理

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

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

木と絵Box 管理

ステップ2) 次のステップは、実際に画像を画像に添付することです box コントロール。 これは次のようにして実行できますwing 以下の手順に従ってください。

木と絵Box 管理

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

上記の変更を行うと、次のようになります。wing 出力

出力:-

木と絵Box 管理

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

まとめ

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