手順 3: フォームのプロパティの設定Step 3: Set Your Form Properties

次に、[プロパティ] ウィンドウを使用してフォームの外観を変更します。Next, you use the Properties window to change the way your form looks.

ビデオへのリンクこのトピックのビデオ版については、「チュートリアル 1: Visual Basic によるピクチャ ビューアーの作成 - ビデオ 1」または「チュートリアル 1: C# によるピクチャ ビューアーの作成 - ビデオ 1」を参照してください。link to videoFor a video version of this topic, see Tutorial 1: Create a Picture Viewer in Visual Basic - Video 1 or Tutorial 1: Create a Picture Viewer in C# - Video 1. これらのビデオでは、旧バージョンの Visual Studio を使用しているため、一部のメニュー コマンドやその他のユーザー インターフェイス要素が若干異なります。These videos use an earlier version of Visual Studio, so there are slight differences in some menu commands and other user interface elements. ただし、概念および手順は、現在のバージョンの Visual Studio でも同様です。However, the concepts and procedures work similarly in the current version of Visual Studio.

フォームのプロパティを設定するにはTo set your form properties

  1. Windows フォーム デザイナーが表示されていることを確認します。Be sure you're looking at Windows Forms Designer. Visual Studio 統合開発環境 (IDE) で、[Form1.cs [デザイン]] タブ (Visual Basic では [Form1.vb [デザイン]] タブ) をクリックします。In the Visual Studio integrated development environment (IDE), choose the Form1.cs [Design] tab (or the Form1.vb [Design] tab in Visual Basic).

  2. Form1 フォーム内の任意の場所をクリックして選択します。Choose anywhere inside the form Form1 to select it. [プロパティ] ウィンドウに、フォームのプロパティが表示されます。Look at the Properties window, which should now be showing the properties for the form. フォームにはさまざまなプロパティがあります。Forms have various properties. たとえば、前景色と背景色、フォームの上部に表示されるタイトルのテキスト、フォームのサイズなどのプロパティを設定できます。For example, you can set the foreground and background color, title text that appears at the top of the form, size of the form, and other properties.

    注意

    [プロパティ] ウィンドウが表示されない場合は、ツール バーの四角形の [デバッグの停止] ボタンをクリックしてプログラムを停止するか、または単にウィンドウを閉じます。If the Properties window doesn't appear, stop your program by choosing the square Stop Debugging button on the toolbar, or just close the window. プログラムが停止してもメニュー バーに [プロパティ] ウィンドウが表示されない場合は、[ビュー][プロパティ ウィンドウ] の順にクリックします。If the program is stopped and you still don't see the Properties window, on the menu bar, choose View, Properties Window.

  3. フォームを選択したら、[プロパティ] ウィンドウで Text プロパティを探します。After the form is selected, find the Text property in the Properties window. 一覧の並べ替え方法によっては、下へのスクロールが必要になる場合があります。Depending on how the list is sorted, you might need to scroll down. [Text] をクリックし、「Picture Viewer」と入力して Enter キーを押します。Choose Text, type Picture Viewer, and then choose ENTER. フォームのタイトル バーに「Picture Viewer」というテキストが表示され、[プロパティ] ウィンドウが次の図のようになります。Your form should now have the text Picture Viewer in its title bar, and the Properties window should look similar to the following picture.

    [プロパティ] ウィンドウProperties window
    [プロパティ] ウィンドウProperties window

    注意

    プロパティは、項目別またはアルファベット順に並べ替えることができます。Properties can be ordered by a Categorized or Alphabetical view. これらの 2 つの表示を切り替えるには、[プロパティ] ウィンドウのボタンを使用します。You can switch between these two views by using the buttons on the Properties window. このチュートリアルでは、アルファベット順で表示した方がプロパティを探しやすくなります。In this tutorial, it's easier to find properties through the Alphabetical view.

  4. Windows フォーム デザイナーに戻ります。Go back to Windows Forms Designer. フォームの右下のドラッグ ハンドル (次の図の右下にある小さな白い四角形) をクリックします。Choose the form's lower-right drag handle, which is the small white square in the lower-right of the form and appears as follows.

    ドラッグ ハンドルDrag handle
    ドラッグ ハンドルDrag handle

    このハンドルをドラッグしてフォームのサイズを変更します。ここでは、幅を広げ、高さを少し高くします。Drag the handle to resize the form so the form is wider and a bit taller.

  5. [プロパティ] ウィンドウで、Size プロパティが変更されたことを確認します。Look at the Properties window, and notice that the Size property has changed. Size プロパティは、フォームのサイズを変更するたびに変更されます。The Size property changes each time you resize the form. このプロジェクトに適したフォームのサイズは 550、350 (正確である必要はありません) 程度で、それを目安にフォームのハンドルをドラッグしてください。Try dragging the form's handle to resize it to a form size of approximately 550, 350 (no need to be exact), which should work well for this project. あるいは、Size プロパティに値を直接入力し、Enter キーを押します。As an alternative, you can enter the values directly in the Size property and then choose the ENTER key.

  6. 再度プログラムを実行します。Run your program again. 次のメソッドのいずれかを使用して、プログラムを実行できます。Remember, you can use any of the following methods to run your program.

    • F5 キーを押します。Choose the F5 key.

    • メニュー バーで、[デバッグ][デバッグ開始] の順に選択します。On the menu bar, choose Debug, Start Debugging.

    • ツール バーで、[デバッグ開始] ボタンを選択します (次の図を参照)。On the toolbar, choose the Start Debugging button, which appears as follows.

      [デバッグ開始] ツール バー ボタンStart Debugging toolbar button
      [デバッグの開始] ツール バー ボタンStart Debugging toolbar button

      前の手順のときと同様に、IDE でプログラムがビルドおよび実行され、ウィンドウが表示されます。Just like before, the IDE builds and runs your program, and a window appears.

  7. IDE では実行中のプログラムを変更することはできないため、次の手順に進む前にプログラムを停止しておきます。Before going to the next step, stop your program, because the IDE won't let you change your program while it's running. 次のメソッドのいずれかを使用して、プログラムを停止できます。Remember, you can use any of the following methods to stop your program.

    • ツール バーで、[デバッグの停止] ボタンを選択します。On the toolbar, choose the Stop Debugging button.

    • メニュー バーで、[デバッグ][デバッグの停止] の順に選択します。On the menu bar, choose Debug, Stop Debugging.

    • [Form1] ウィンドウの上隅にある X ボタンを選択します。Choose the X button in the upper corner of the Form1 window.

続行または確認するにはTo continue or review