P002-ファイルをドラッグ＆ドロップで開く

今日の目標→

前回のプログラム（ImageView）に手を加え、ドラッグ＆ドロップで画像ファイルを開けるようにする。

●プロジェクトの作成

1. 「ImageView2」という名前で、新規プロジェクトを作る
2. Form1.csのコードを開き、前回のForm1.csのコードをコピペする
3. コードを次のように修正する。

using System; using System.Drawing; using System.Windows.Forms; namespace ImageView2 { public partial class Form1 : Form { // ピクチャボックスとボタンを用意する private PictureBox MyPictBox; private Button MyOpenButton; // フォームのコンストラクタ public Form1() { InitializeComponent(); // ピクチャボックスを作る MyPictBox = new PictureBox(); MyPictBox.Name = "MyPictBox"; MyPictBox.Anchor = AnchorStyles.Left | AnchorStyles.Right | AnchorStyles.Top | AnchorStyles.Bottom; MyPictBox.Left = 4; MyPictBox.Top = 4; MyPictBox.Width = this.ClientSize.Width - 8; MyPictBox.Height = this.ClientSize.Height - 38; MyPictBox.BorderStyle = BorderStyle.FixedSingle; // ボタンを作る MyOpenButton = new Button(); MyOpenButton.Name = "MyOpenButton"; MyOpenButton.Anchor = AnchorStyles.Left | AnchorStyles.Bottom; MyOpenButton.Left = 4; MyOpenButton.Top = this.ClientSize.Height - 28; MyOpenButton.Width = 100; MyOpenButton.Height = 24; MyOpenButton.Text = "ファイル参照(&R)"; MyOpenButton.Click += MyOpenButton_Click; // ピクチャボックスとボタンをフォームに置く this.SuspendLayout(); this.Controls.Add(MyPictBox); this.Controls.Add(MyOpenButton); this.ResumeLayout(); // フォームへのドラッグ＆ドロップができるようにする this.DragEnter += Form1_DragEnter; this.DragDrop += Form1_DragDrop; this.AllowDrop = true; } // フォームへのドラッグ開始 private void Form1_DragEnter(object sender, DragEventArgs e) { // ドラッグアイコンを適切に設定する // （これをしないとドロップが許可されない） e.Effect = e.AllowedEffect; } // フォームへのドロップ private void Form1_DragDrop(object sender, DragEventArgs e) { // ドロップされたファイル名の配列を得る var fileNames = (string[])e.Data.GetData(DataFormats.FileDrop); // 配列先頭にあるファイルの画像を表示する if (fileNames != null) { ShowImage(fileNames[0]); } } // ボタンクリック private void MyOpenButton_Click(object sender, EventArgs e) { // 「ファイルを開く」ダイアログボックスを準備する var dlg = new OpenFileDialog(); // ダイアログボックスでファイルを選択し、画像を表示する if (dlg.ShowDialog(this) == DialogResult.OK) { ShowImage(dlg.FileName); } } // 画像表示の共通ルーチン private void ShowImage(string fileName) { try { MyPictBox.Image = Image.FromFile(fileName); } catch { MessageBox.Show( "ファイル名:\n" + fileName, "画像が読めません"); } } } }

しかしこれ<textarea>タグでコードを表示してるんだけど読みにくいな。別の表示法にしたほうがいいかな。まあ、おいおい考えよう。

●要点の解説

フォームに対してドラッグ＆ドロップを行うには、少なくとも次の３つが必要だ。

• DragEnterイベントの処理ルーチンを追加する
• DragDropイベントの処理ルーチンを追加する
• AllowDropフラグをtrueに設定する

イベント処理ルーチンの入力はVisual Studioが助けてくれるので楽ちんである。たとえばDragEnter処理を書く場合は次のようになる。

1. まず「this.DragEnter +=」まで手で入力する
2. TABキーを押すと、自動的にイベントハンドラの枠組みのコードが挿入される
3. Enterキーを押すと確定する。Enterキーを押す前にハンドラ名の変更もできるが、まあ必要ないと思う
4. イベントハンドラの枠組みができたら、あとは中身を自分でコーディングする

DragEnterハンドラとDragDropハンドラの中身は、定型の処理なので説明は省略する。わからない部分があればコメント欄ででも質問してください。できる範囲で答えます。

コードを書き終えたらさっそく実行してみよう。Windowsのフォルダから適当な画像ファイルをドラッグして、このプログラムのフォームにドロップすれば、画像が表示されるはずだ。

（実行画面が入る予定）