チュートリアル 1: ピクチャ ビューアーの作成Tutorial 1: Create a picture viewer

このチュートリアルでは、ピクチャをファイルから読み込んでウィンドウに表示するアプリを作成します。In this tutorial, you build an app that loads a picture from a file and displays it in a window. Windows フォーム デザイナー を使用してボタンやピクチャ ボックスなどのコントロールをフォームにドラッグする方法、それらのプロパティを設定する方法、およびコンテナーを使用してフォームのサイズを滑らかに変更する方法を習得できます。You learn how to use the Windows Forms Designer to drag controls like buttons and picture boxes on to your form, set their properties, and use containers to smoothly resize the form. また、コードの記述の基本事項についても学習します。You also get started writing code.

注意

このチュートリアルでは、C# と Visual Basic の両方が取り上げられているため、使用しているプログラミング言語固有の情報に注意してください。This tutorial covers both C# and Visual Basic, so focus on the information that's specific to the programming language you're using.

このチュートリアルでは、次のタスクについて説明します。This tutorial walks you through the following tasks:

  • 新しいプロジェクトを作成します。Create a new project.

  • アプリケーションをテスト (デバッグ) します。Test (debug) an application.

  • チェック ボックスやボタンなどの基本的なコントロールをフォームに追加します。Add basic controls like check boxes and buttons to a form.

  • レイアウトを使用してフォーム上のコントロールの位置を設定します。Position controls on a form by using layouts.

  • [ファイルを開く] ダイアログ ボックスと [色] ダイアログ ボックスをフォームに追加します。Add Open File and Color dialog boxes to a form.

  • IntelliSense とコード スニペットを使用してコードを記述します。Write code by using IntelliSense and code snippets.

  • イベント ハンドラー メソッドを記述します。Write event handler methods.

完了すると、アプリは次の図のようになります。When you finish, your app should look similar to the following image:

このチュートリアルで作成する Picture Viewer アプリ

TitleTitle [説明]Description
手順 1: Windows フォーム アプリ プロジェクトを作成するStep 1: Create a Windows Forms App project まず、Windows フォーム アプリ プロジェクトを作成します。Begin by creating a Windows Forms App project.
手順 2:Picture Viewer アプリを実行するStep 2: Run your picture viewer app 前の手順で作成した Windows フォーム アプリ プロジェクトを実行します。Run the Windows Forms App project that you created in the previous step.
手順 3: フォームのプロパティの設定Step 3: Set your form properties [プロパティ] ウィンドウを使用してフォームの外観を変更します。Change the way your form looks using the Properties window.
手順 4: TableLayoutPanel コントロールを使用したフォームのレイアウトの設定Step 4: Lay out your form with a TableLayoutPanel control フォームに TableLayoutPanel コントロールを追加します。Add a TableLayoutPanel control to your form.
手順 5: フォームへのコントロールの追加Step 5: Add controls to your form PictureBox コントロールや CheckBox コントロールなどのコントロールをフォームに追加します。Add controls, such as a PictureBox control and a CheckBox control, to your form. また、ボタンも追加します。Add buttons to your form.
手順 6: ボタン コントロールの名前を設定するStep 6: Name your button controls ボタンの名前をわかりやすい名前に変更します。Rename your buttons to something more meaningful.
手順 7: フォームへのダイアログ コンポーネントの追加Step 7: Add dialog components to your form フォームに OpenFileDialog コンポーネントと ColorDialog コンポーネントを追加します。Add an OpenFileDialog component and a ColorDialog component to your form.
手順 8:[Show a Picture] ボタンのイベント ハンドラーのコードの記述」をご覧ください。Step 8: Write code for the show a picture button event handler IntelliSense ツールを使用してコードを記述します。Write code by using the IntelliSense tool.
手順 9: レビュー、コメントの追加、およびコードのテストStep 9: Review, comment, and test your code コードのレビューとテストを行います。Review and test your code. 必要に応じてコメントを追加します。Add comments as needed.
手順 10: その他のボタンおよびチェック ボックスに対するコードの記述Step 10: Write code for additional buttons and a check box 他のボタンやチェック ボックスを使用できるようにするために、IntelliSense を使用してコードを記述します。Write code to make other buttons and a check box work using IntelliSense.
手順 11: アプリを実行して他の機能を試すStep 11: Run your app and try other features アプリを実行して背景色を設定します。Run your app and set the background color. 色、フォント、および境界線の変更など、その他の機能を試します。Try other features, such as changing colors, fonts, and borders.

無料で利用できる便利なビデオ学習リソースもあります。There are also great, free video learning resources available to you. C# でのプログラミングの詳細については、「C# の基礎: 入門者向けの開発」を参照してください。To learn more about programming in C#, see C# fundamentals: Development for absolute beginners. Visual Basic でのプログラミングの詳細については、「Visual Basic の基礎: 入門者向けの開発」を参照してください。To learn more about programming in Visual Basic, see Visual Basic fundamentals: Development for absolute beginners.

次のステップNext steps

チュートリアルを開始するには、「 手順 1:Windows フォーム アプリケーション プロジェクトの作成 」から始めます。To begin the tutorial, start with Step 1: Create a Windows Forms application project.

関連項目See also