【C++/CLI】画像の拡大縮小表示(簡易版)

シェアする

  • このエントリーをはてなブックマークに追加
最近の記事
  • 7/6 【参考書籍】画像処理・機械学習プログラミング OpenCV 3対応
  • 6/20 【Python,matplotlib】動くグラフをAnimationGifに保存する方法
  • 6/17 シグモイド関数の微分
  • 6/15 シグモイド関数
  • 6/13 合成関数の微分
  • 6/12 WordPressで数式エディタ風に数式を入力したい
  • 6/11 PythonをVisual Studioでインストールする方法
  • 6/9 【Python】OpenCVをAnacondaでインストール(Windows編)
  • 6/6 【Python】Anacondaで複数バージョンの環境切り替え
  • 6/6 画像センシング展2017に出展します。
  • 6/1 【Office365】Web版Outlookのフォントサイズ変更
  • 6/1 【Anaconda】モジュールのアップデートでエラー発生
  • 6/1 【Anaconda】コマンドリストの表示
  • 5/29 Windows10パソコン購入
  • 5/24 Anacondaのアンインストール
  • 5/24 【Jupyter Notebook】新規プログラムの作成
  • 5/23 【Python】開発環境の構築
  • 5/23 Pythonはじめました
  • 4/6 【Office365】Web版Outlookのスレッド表示を解除する方法
  • 4/5 【Excel】フーリエ解析(FFT)
  • 3/20 Canny edge detection
  • 3/20 【Excel2016】分析ツールの表示
  • 3/5 【Visual Studio】黒い背景色を白に変更する方法
  • 2/8 【Windows10】拡張モニタに表示されたウィンドウを元に戻す
  • 2/7 複素数の計算
  • 1/18 【Excel】棒グラフの横軸の目盛を0始まりにする
  • 1/16 【Excel】フーリエ変換
  • 1/6 【OpenCV】疑似カラー(カラーマップ)
  • 11/8 【Visual Studio】検索結果のウィンドウ表示
  • 11/3 ニコン 一眼レフカメラ D5500レビュー
  • 10/26 カラーカメラはモノクロカメラを兼ねない
  • 9/6 (Free Soft)Animation GIF Builder
  • 8/30 【C#】タブの無いTabControlっぽいものを作る
  • 8/29 【OpenCvSharp】サンプルプログラムの公開
  • 8/28 【PowerPoint】部分的にカラーにする(セレクトカラー処理)
  • 8/27 【C#】引数の値渡し、参照渡し(ref, out)
  • 8/26 【Word/Excel】図形内に文字を挿入する
  • 8/25 【C#】NumericUpDownコントロール
  • 8/24 ニコン D3400 VS D5500 仕様比較
  • 8/22 【C#】MDIフォームにリサイズ可能なPanelを設置する
  • 8/20 【Visual Studio 2015】文字の色が変、かすむ
  • 8/20 【Visual Studio】行のコピー、切り取り、貼り付け
  • 8/20
  • 8/16
  • 7/7 標準偏差のよくある誤解
  • 6/17 ホーム
  • 6/15
  • 6/15
  • 6/15
  • 6/15

  • C++/CLIで簡単にできる画像の拡大縮小表示を紹介します。

    今回、作成したプログラムはこんな感じ↓です。

    画像の拡大縮小表示

    このサンプルプログラムはこちら
    SimpleZoomImage.zip
    (VisualStudio2005 Express Edtionで作成)

    作成手順は本当に簡単。
    下図のようにフォームの上にMenuStripPanel、Panelの上にPictureBoxと配置していきます。

    画像の拡大縮小表示

    Panelをクリックすると、右上に三角マークが表示されるので、それをクリックし、
    親コンテナにドッキングするをクリックします。

    画像の拡大縮小表示

    次にパネルとピクチャボックスのプロパティを以下のように設定します。

    panel1->AutoScroll = true;
    pictureBox1->SizeMode = System::Windows::Forms::PictureBoxSizeMode::Zoom;

    ■AutoScroll

    trueに設定するとパネル上に配置されたコントロールコンテンツ(ピクチャボックスなど)がパネルの大きさより大きい場合は自動的にスクロールバーを表示し、コントロールをスクロールしてくれます。

    ■SizeMode

    ピクチャボックスに設定されたイメージをどのように表示するかを設定します。

    Normal 画像をピクチャボックスの左上に合わせて表示します。
    StretchImage 画像をピクチャボックスの幅、高さに合わせて表示します。
    画像をピクチャボックスの幅、高さに合わせて表示します。
    AutoSize ピクチャボックスのサイズを画像サイズに合わせて変更します。
    CenterImage ピクチャボックスの中心と画像の中心を合わせるようにして表示します。画像サイズがピクチャボックスより大きい場合は、画像がはみ出して表示されます。
    Zoom 画像全体をピクチャボックス全体に表示するように画像表示サイズを変更し、ピクチャボックスの中心に表示します。
    画像の縦横比はくずれません。

    画像の読み込みは、こんな感じ↓です。

    private: System::Void mnuFileOpen_Click(System::Object^  sender, System::EventArgs^  e) {
    	//ファイルを開くダイアログの作成
    	OpenFileDialog^ dlg = gcnew OpenFileDialog;
    	//ファイルフィルタ
    	dlg->Filter = "画像ファイル(*.bmp,*.jpg,*.png,*.tif,*.ico)|*.bmp;*.jpg;*.png;*.tif;*.ico";
    	//ダイアログの表示
    	dlg->ShowDialog();
    	//ビットマップファイルから、Bitmapを作成
    	Bitmap^ bmp = gcnew Bitmap(dlg->FileName);
    	//ピクチャボックスをビットマップ画像サイズに合わせる
    	pictureBox1->Width = bmp->Width;
    	pictureBox1->Height = bmp->Height;
    	//ピクチャボックスのImageへ
    	pictureBox1->Image = bmp;
    }
    

    あとは、ピクチャボックスの大きさを拡大縮小したい倍率に合わせて変更すれば、勝手に画像は拡大縮小し、スクロールバーは自動的に調整してくれます。

    private: System::Void mnuZoomEnlargement_Click(System::Object^  sender, System::EventArgs^  e) {
    	//拡大(2倍)
    	pictureBox1->Width *= 2;
    	pictureBox1->Height *= 2;
    }
    private: System::Void mnuZoomReduce_Click(System::Object^  sender, System::EventArgs^  e) {
    	//縮小(1/2倍)
    	pictureBox1->Width /= 2;
    	pictureBox1->Height /= 2;
    }
    

    と、これだけ!
    本当に簡単にすごいことができちゃいます。

    ただし、この方法では、大きい画像やモノクロの画像の上に線などの描画ができません。
    その場合はDrawImageメソッドをお使い下さい。

    コメント

    1. […] 画像の拡大縮小表示(簡易版)のページでは、簡単に画像の拡大縮小表示する方法を紹介しましたが、画像サイズが大きいときなど、不都合な場合があるのですが、その時にはDrawImageメ […]