チュートリアル 1: ピクチャ ビューアーの作成
このチュートリアルでは、ピクチャをファイルから読み込んでウィンドウに表示するプログラムを作成します。ボタンやピクチャ ボックスなどのコントロールをフォームにドラッグする方法、それらのプロパティを設定する方法、およびコンテナーを使用してフォームのサイズを滑らかに変更する方法を習得できます。また、コードの記述の基本事項についても学習します。以下の方法について説明します。
新しいプロジェクトを作成します。
アプリケーションをテスト (デバッグ) します。
チェック ボックスやボタンなどの基本的なコントロールをフォームに追加します。
レイアウトを使用してフォーム上のコントロールの位置を設定します。
[ファイルを開く] ダイアログ ボックスと [色] ダイアログ ボックスをフォームに追加します。
IntelliSense とコード スニペットを使用してコードを記述します。
イベント ハンドラー メソッドを記述します。
完成すると、プログラムは次の図のようになります。
このチュートリアルで作成するピクチャ
.png "このチュートリアルで作成する画像")
サンプルの完全バージョンをダウンロードするには、「Complete Picture Viewer tutorial sample (画像ビューアーのチュートリアルの完全なサンプル)」を参照してください。
.gif "ビデオへのリンク")
このトピックのビデオ版については、「How Do I: Create a Picture Viewer in Visual Basic? (操作方法: Visual Basic によるピクチャ ビューアーの作成)」または「How Do I: Create a Picture Viewer in C#? (操作方法: C# によるピクチャ ビューアーの作成)」を参照してください。.
[!メモ]
これらのビデオでは、旧バージョンの Visual Studio を使用しているため、一部のメニュー コマンドやその他のユーザー インターフェイス要素が若干異なります。ただし、概念および手順は、現在のバージョンの Visual Studio でも同様です。このチュートリアルでは、Visual C# と Visual Basic の両方が取り上げられているため、使用しているプログラミング言語固有の情報に注意してください。
Visual Basic のコードを確認するには、コード ブロックの上部にある [VB] タブをクリックし、Visual C# のコードについては、[C#] タブをクリックします。Visual C++ の学習に関心がある場合は、「Visual Studio 2013 の Visual C++ の概要」および「C++ Language Tutorial (C++ 言語のチュートリアル)」を参照してください。
Windows ストア用の Visual C# アプリまたは Visual Basic アプリの記述方法の学習に関心がある場合は、「C# または Visual Basic を使った初めての Windows ストア アプリの作成」を参照してください。Windows ストア用の JavaScript アプリの作成の詳細については、「JavaScript を使った初めての Windows ストア アプリの作成」を参照してください。
関連トピック
タイトル |
説明 |
|---|---|
最初に Windows フォーム アプリケーション プロジェクトを作成します。 |
|
前の手順で作成した Windows フォーム アプリケーション プログラムを実行します。 |
|
[プロパティ] ウィンドウを使用してフォームの外観を変更します。 |
|
TableLayoutPanel コントロールをフォームに追加します。 |
|
PictureBox コントロールや CheckBox コントロールなどのコントロールをフォームに追加します。また、ボタンも追加します。 |
|
ボタンの名前をわかりやすい名前に変更します。 |
|
OpenFileDialog コンポーネントと ColorDialog コンポーネントをフォームに追加します。 |
|
IntelliSense ツールを使用してコードを記述します。 |
|
コードの確認とテストを行います。必要に応じてコメントを追加します。 |
|
他のボタンやチェック ボックスを使用できるようにするために、IntelliSense を使用してコードを記述します。 |
|
プログラムを実行して背景色を設定します。色、フォント、および境界線の変更など、その他の機能を試します。 |