参照元情報チュートリアル 1: ピクチャ ビューアーの作成
「ピクチャ ビューアーの作成」にジャンプする
作成方法の詳細は上記を参照願います。
チュートリアル 1: ピクチャ ビューアーの作成の完成ファイルピクチャの描画 : グラフィックスを使用するの解説とおりに作業を実施すると、プロジェクトファイル群が完成しますがVBからC#に変換したほうが簡単です。
完成ファイルは以下からダウンロードできます。
ダウンロード後は解凍してから使用してください。
[ チュートリアル 1: ピクチャ ビューアーの作成]をダウンロードする。解凍すると「2PictureViewer」フォルダーがあります。
注（１）「2PictureViewer」フォルダーの「PictureViewer.sln」ファイルをダブルクリックすると「Express 2012 for Windows Desktop」が起動します。
注（２）メニューの「ウインド」＿「ウインドレイアウトのリセット」で標準に戻ります。
注（３）「ソリューションエクスプローラ」ウインドウ内の「Form1.cs」をダブルクリックすると「デザイン」が表示されます。
注（４）メニューの「表示」＿「コード」を選択するとコードが表示されます。
注（５）「Graphics.sln」の動作確認は「デバッグ」＿「デバッグ開始」で実行します。デバッグ機能を用いて動作確認を行います。
PictureViewer.slnの実行（１）「Express 2012 for Windows Desktop」のデバッグ機能を使用します。
（２）「デバッグ」＿「デバッグ開始」を選択します。
（３）「Show a picture」ボタンを押します。
（４）OpenFileDialogが表示されますので、画像ファイルを選択し開きます。
（５）選択した画像が表示されます。
（６）最大化ボタンを押すとウインドウは画面いっぱいに広がります。
（７）Strech（CheckBox)のチェックをはずすと縦横比が変化します。
（８）チェックをいれた状態でSet thebackground colorボタンを押すとColorＤｉａａｌｏｇが表示されます。
（９）色を選択しＯＫボタンを押すと背景色が変わります。
（１０）Clear the pictureボタンを押すと背景色のみになります。
（１１）Closeボタンをおすとプログラムは終了します。
新規プロジェクトの作成（１）Form1のデザイン設定
新規プロジェクトを作成すると「デザイナー」にはForm1が自動生成されます。Form1のデザイン設定はVBのForm1のコピー＆ペーストで完成します。
（２） Form1コード
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace WindowsFormsApplication1
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
}
}
が自動生成されます。Form1の全コード
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace PictureViewer
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
private void showButton_Click(object sender, EventArgs e)
{
if (openFileDialog1.ShowDialog() == DialogResult.OK)
{
pictureBox1.Load(openFileDialog1.FileName);
}
}
private void clearButton_Click(object sender, EventArgs e)
{
pictureBox1.Image = null;
}
private void backgroundButton_Click(object sender, EventArgs e)
{
if (colorDialog1.ShowDialog() == DialogResult.OK)
pictureBox1.BackColor = colorDialog1.Color;
}
private void closeButton_Click(object sender, EventArgs e)
{
this.Close();
}
private void checkBox1_CheckedChanged(object sender, EventArgs e)
{
if (checkBox1.Checked)
pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
else
pictureBox1.SizeMode = PictureBoxSizeMode.Zoom;
}
}
}
Form1コードの解説（１）using System;とusing System.Windows.Forms;のみが必要です。あとはusingの整理で削除できます。
（２）private void showButton_ClickでpictureBox1にopenFileDialog1で選択した画像ファイルをロードして表示します。
（３）private void clearButton_ClickでpictureBox1の画像を消去します。
（４）private void backgroundButton_Clickで背景色を設定します。
（５）private void closeButton_Clickでプログラムを終了します。
（６）private void checkBox1_CheckedChangedでStretchImageとZoomを切り替えます。
感想：
（１）VBからC#への変更は簡単です。
３章：チュートリアル 2: 迷路の作成に行く。