Visual Basic Calculator

Visual Basic（VB）で作成される「最初のプログラム」を作成します。 私たちのプロジェクトは、ロジックを教え、計算機にコードを提供する基本的な計算機になります。 ユーザーが追加用のボタンを1つ作成し、そのためのコードを記述するように、手順を設定します。 これにより、ユーザーは必要に応じてプログラムにさらに（減算、除算など）を追加できます。 デモ用のビデオをご覧ください。

プログラミングの重要性が増しており、コーディング方法をある程度理解しておくと有益です。 この命令は、コードの基本的な理解と、コーディングに必要なロジックの両方を教えるのに役立ちます。 Visual Basicで作成された計算機がないため、Instructables.comの他の手順とは異なります。 対象読者は、プログラミングの方法を学びたい人です。 これまでにプログラミングしたことがない人がプロジェクトを完了することができるように指示が設定されます。

重要な注意点：

• これらの手順は、Visual Studioが既にインストールされ、開いていることを前提としています。
• ユーザーインターフェース（ツールバーが配置されている場所）は、説明とは外観が異なります。 これらの手順では、ユーザーインターフェイスを変更する方法については説明しません。 ユーザーインターフェイスを提供された画像のように見せることは必要ではありませんが、役立ちます。
• 間違えた場合、つまり偶然にオブジェクトをダブルクリックした場合は、一般的な間違いと修正のために最後の手順（トラブルシューティング）に進みます。

手順1：Visual Studio 2013で新しいプロジェクトを作成する

ステップ1：Visual Studioを開く

ステップ2：新しいプロジェクトを選択する

ステップ3：Windowsフォームアプリケーションを選択する

ステップ4：プロジェクトにSimpleCalculatorという名前を付ける

ステップ5：保存場所を設定します。 デスクトップは最も見つけやすいのでお勧めします。

ステップ6：[OK]をクリックします

ステップ7：必要に応じて、[表示]タブをクリックし、[ツールボックス、プロパティ、およびソリューションエクスプローラー]ウィンドウを選択します

手順2：グラフィカルユーザーインターフェイス（GUI）を設計する

役に立つヒント：

• プロパティツールボックスで、アルファベット順に設定します。 ツールボックスの写真、緑色の円を参照してください。

ステップ1：フォーム上の任意の場所をクリックします

ステップ2：[プロパティ]ウィンドウの[テキスト]プロパティの下に、Simple Calculatorと入力します

ステップ3：プロパティウィンドウのStartPositionプロパティで、CenterScreenを選択します

ステップ4：プロパティウィンドウのFormBorderStyleで、Fixed3Dを選択します

ステップ5：ツールボックスからフォームにラベルをクリックしてドラッグします

ステップ6：ラベルが選択されている状態で、プロパティウィンドウの[テキスト]プロパティの下に「Simple Calculator」と入力します。 注：このラベルはテキストを説明するメインテキストであるため、プロパティウィンドウのFontプロパティでテキストのサイズと太さを変更できますが、このプロジェクトでは必要ありません

手順7：次のラベル（5）に対してこれを実行し、それに応じて配置します。 それらに名前を付けます：演算子、操作、オペランド1、オペランド2、および結果（図を参照）注：オブジェクトをドラッグするか、ダブルクリックしてGUIに配置できます。

ステップ8：ツールボックスからボタンをクリックしてドラッグします

ステップ9：「Operators」ラベルの下に配置します。

ステップ10：ボタンが選択されている間に、プロパティウィンドウのNameプロパティの下にbtnAddと入力します。

ステップ11：次に、Textプロパティの下に+記号を入力します

ステップ12：ツールボックスの「オペランド1」ラベルの横にあるTextBoxをクリックしてドラッグします（図を参照）

ステップ13：TextBoxが選択されている間に、プロパティウィンドウのNameプロパティの下に、txtOperand1と入力します

ステップ14：ステップ12を繰り返しますが、「Operand 2」ラベルの横に2番目のTextBoxを配置します（図を参照）

手順15：手順13を繰り返しますが、txtOperand2という名前を付けます

ステップ16：2つのテキストボックスの間にラベルをクリックしてドラッグします（図を参照）

ステップ17：ラベルが選択されている間に、プロパティウィンドウのNameプロパティの下にlblOperatorと入力します

ステップ18：lblOperatorのテキストプロパティを削除して、空にします

ステップ19：[AutoSize]プロパティの下で、[False]を選択します。 注：これにより、必要に応じてラベルのサイズを変更できます

ステップ20：BorderStyleプロパティでFixed3Dを選択します

ステップ21：「結果」ラベルの横にある別のラベルをクリックしてドラッグします

ステップ22：ステップ17を繰り返し、lblDisplayという名前を付けます

ステップ23：ステップ18とステップ19を繰り返します

ステップ24：「結果」ラベルの下のツールボックスからボタンをクリックしてドラッグします（図を参照）

ステップ25：ボタンが選択されている間に、プロパティウィンドウのNameプロパティの下にbtnClearと入力します

ステップ26：[クリア]ボタンのテキストプロパティを[クリア]に変更します

ステップ27：[クリア]ボタンの横のツールボックスからボタンをクリックしてドラッグします（図を参照）

ステップ28：ボタンが選択されている間に、プロパティウィンドウのNameプロパティの下にbtnExitと入力します

ステップ29：[クリア]ボタンのテキストプロパティを[終了]に変更します

ステップ30：各ボタンをダブルクリックして次のコードを入力し、コードウィンドウを開きます。

ステップ3：追加ボタンのコーディング

目標：ユーザーがテキストボックスに入力する数値に追加する

コードの説明

• Dim Variable As Doubleは、変数を特定のデータ型として宣言します
• [追加]ボタンを押すと、2つのテキストボックスの間のラベルに+記号が表示されます。
• Displayラベルには、Operand1 + Operand2の結果変数が割り当てられています。
• “ .ToSting（“ N”）は、parseを使用して数値に変換したときから文字列に変換することです。

ステップ4：クリアボタンのコーディング

目標：GUIのすべてのボックスをクリアし、カーソルを一番上のテキストボックスに設定する（オペランド1）

コードの説明：

• Clear（）関数はテキストボックスをクリアします。 この関数はテキストボックスでのみ使用できます
• .Textプロパティを何も設定しないで、ラベルボックスをクリアする必要があります
• Focus（）関数は、カーソルをテキストボックスに設定します

ステップ5：終了ボタンのコーディング

目標：プログラムを終了する。

ステップ6：プログラムの実行

緑色の再生ボタンをクリックしてプログラムを実行します（上の図を参照）

注：プログラムの実行中に、プログラムが正常に動作しているかどうかをテストできます。

終了したら、終了ボタンまたはプログラムの赤い「X」をクリックします。

ステップ7：終わりに

このプロジェクトでは、Visual Basicで簡単な電卓を作成する方法を正常に完了しました。 追加ボタンを作成するだけでしたが、自由に他のオペレーターを作成してください。 これらは、上記の同じ手順に従います。 これを計算機として使用して、必要なものを計算できます。 このプロジェクトの目的は、単純なプログラムの作成方法をプログラミング経験のないユーザーに知らせることでした。 Visual Basicの詳細については、Visual Basicを教えるクラス（Purdueの学生の場合はCNIT 175）だけでなく、オンラインで多くの情報があります。 このプロジェクトを作成していただき、ありがとうございます。

ステップ8：トラブルシューティング

• 不適切なコードを入力すると、単語の下に青い波線が表示されます。 これはエラーであり、プログラムは実行されません。 コードの一部の下に青い線が表示されている場合は、マウスでその上にカーソルを合わせると、エラーの説明が表示されます。 そこからオンラインでエラーを調べて、詳細を見つけることができます。
• オブジェクト、つまりコーディングする予定のないラベルをダブルクリックすると、作成したコードを削除するか、そのままにしておくことができます。
• エラーなどの問題がある場合、またはキーワードを忘れた場合は、MicrosoftのVisual Basicヘルプサイト（//msdn.microsoft.com/en-us/library/2x7h1hfk.aspx）を参照してください。
• もう1つの参考資料として、Guity RavaiとIbrahim M. Baggiliによる教科書「Visual Basic.Netによるプログラミング、第4版」があります。

• ツールボックスからツールを移動中に誤ってツールをダブルクリックすると、Visual Studioは自動的にコーディングタブに移動し、ダブルクリックした要素をコーディングするためのセクションを作成します。 何もしないジャンクコードであるため、誤って作成されたコードのこのセクションを削除することをお勧めします。 [フォームデザイン]タブに戻るには、[フォームデザイン]タブをクリックするだけです。