次の方法で共有

手順 1: プロジェクトの作成とフォームへのパネルの追加

  • [アーティクル]

迷路ゲームの作成における最初の手順は、プロジェクトの作成とフォームへの Panel コンテナーの追加です。

ビデオへのリンクこのトピックのビデオ版については " " を参照してください。

プロジェクトを作成し、Panel コンテナーを追加するには

  1. [ファイル] メニューの [新しいプロジェクト] をクリックします。

  2. Visual Studio Express を使用していない場合は、最初に言語を選択する必要があります。[インストールされたテンプレート] で [C#] または [Visual Basic] を選択します。

  3. [Windows フォーム アプリケーション] アイコンをクリックし、名前として「Maze」と入力します。

  4. フォームのプロパティを設定します。

    1. ポインターで右下隅をドラッグしてフォームのサイズを変更します。統合開発環境 (IDE: Integrated Development Environment) の右下隅に注目してください。フォームのサイズがステータス バーに表示されます。フォームの幅と高さが 650 ピクセルになるまでドラッグします。迷路を小さくしたり大きくしたりする場合は、フォームのサイズを任意のサイズに設定してください。

      サイズが表示されたステータス バー

      ステータス バーのサイズステータス バーのサイズ

    2. フォームが適切なサイズになったら、Text プロパティを Maze に設定します。

    3. ユーザーがフォームのサイズを変更できないようにするために、FormBorderStyle プロパティを Fixed3D に設定します。

    4. MaximizeBox プロパティを False に設定して、フォームのタイトル バーの最大化ボタンを無効にします。

    これで、フォームのサイズが固定され、ユーザーが最大化できなくなります。

    [!メモ]

    新しいフォームを作成した時点の既定の設定では、ユーザーは 2 つの方法でサイズを変更することができます。フォームの各辺または四隅をドラッグする方法と、最大化ボタンをクリックして最大化する方法です。ユーザーがフォームのサイズを変更できないようにする場合は、それらの両方のオプションを無効にします。FormBorderStyle プロパティを固定されたいずれかのスタイルに設定すると、ユーザーがサイズを変更できなくなりますが、最大化ボタンはまだ使用できます。MaximizeBox プロパティも無効にする必要があるのはそのためです。

    次に、迷路を作成する領域を作成します。これを行うには Panel コントロールを使用します。パネルはコンテナー コントロールの一種で、コントロールのグループをレイアウトできます。他のいくつかのコンテナー (TableLayoutPanel コンテナーや FlowLayoutPanel コンテナーなど) とは異なり、パネルではそれに含まれるコントロールが再配置されません。そのため、コントロールを任意の場所に自由に配置できますが、TableLayoutPanel または FlowLayoutPanel とは異なり、ユーザーがウィンドウのサイズを変更する場合にはパネルは使用できません。

  5. ツールボックスの [コンテナー] グループに移動し、[Panel] をダブルクリックしてフォームにパネルを追加します。パネルを選択すると、次のような移動ハンドル アイコンが左上隅に表示されます。

    移動ハンドル

    移動ハンドル

  6. パネルをドラッグして、フォームの左上隅から少し離します。IDE には、ドラッグするときに便利な機能が備えられています。フォームの上または左の端から特定の距離までパネルを移動すると、パネルが所定の位置にスナップされ、パネルの端とフォームの端の間に青いスペーサーの線が表示されます。これを使用すると、フォームの端からパネルの端までの距離がすべて同じになるように、パネルを簡単に配置することができます。上および左の青いスペーサーの線が表示されたところで、マウス ボタンを離してパネルを所定の位置にドロップします。青いスペーサーの線は次のように表示されます。

    青いスペーサーの線

    Dd492154.VS_BlueSpacerLn(ja-jp,VS.110).png

    パネルが右および下の所定の位置にスナップされるまで、右下のドラッグ ハンドルをドラッグします。

  7. ユーザーに迷路の端が見えるように、境界線を表示する必要があります。パネルを選択し、BorderStyle プロパティを Fixed3D に設定します。

  8. ツール バーの [すべてを保存] ボタン (次の図を参照) をクリックして、プロジェクトを保存します。

    [すべてを保存] ボタン

    [すべてを保存] ツール バー ボタン

  9. プログラムを実行するには、F5 キーを押すか、ツール バーの [デバッグ開始] ボタン (次の図を参照) をクリックします。

    ツール バーの [デバッグ開始] ボタン

    [デバッグの開始] ツール バー ボタン

    実行中のフォームは次の図のようになります。

    迷路の初期のフォーム

    迷路の初期フォーム

  10. チュートリアルの次の手順に進む前に、フォームを閉じるか、[デバッグ] ツール バーの [デバッグの停止] ボタンをクリックして、プログラムを停止しておきます (プログラムの実行中は、IDE は読み取り専用モードになります)。

続行または確認するには