アルバムから写真を取得して表示する(UIImagePickerController)

UIImagePickerControllerを使って写真を取得してUIImageViewに表示します。
動作としては、
1. ImageViewをタップするとpicker controllerが表示
2. picker controllerで写真を選択するとImgeViewに写真を表示
となります。

1. info.plistに "Privacy - Photo Library Usage Description"を追加して、Valueにメッセージ("アルバムにアクセスします"とか)を記載します。
2. MainStoryBoardにImaveViewを配置しますし、ViewControllerにIBOutlet接続します。
        @IBOutlet weak var photoView: UIImageView! とか
3. ViewControllerクラスの継承元に以下を追加する
　　UIImagePickerControllerDelegate,
　　 UINavigationControllerDelegate
　　こんな感じになる↓
　　class ViewController: UIViewController , UIImagePickerControllerDelegate, UINavigationControllerDelegate

4. クラスメンバに変数追加
　　    var imagePicker: UIImagePickerController!
　　　 let tagPhotoView = 1
5. ViewDidLoadedに以下の処理を記載 (ViewDidLoadedでimagepickerControllerを起動させようとするとエラーが出るのでやってないというか)
     override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
      
        // viewにタグを設定(本筋ではないがImageViewをタッチした際にpicker controllerを表示させるため)
        photoView.tag = tagPhotoView
      
        // インスタンス生成
        imagePicker = UIImagePickerController()
       
        // デリゲート設定
        imagePicker.delegate = self
      
        // 画像の取得先はフォトライブラリとする(カメラにするとカメラを起動した撮影した画像を取得できるみたい)
        // この段階ではImagePickerは起動させません
        imagePicker.sourceType = UIImagePickerControllerSourceType.PhotoLibrary
        // self.presentViewController(imagePicker, animated: true, completion: nil)
    }

4. ViewControllerがタップされたらImagePicker controllerを起動するコード
    /*
        user interaction enable / multiple touchをチェックしておく
     */
    override func touchesEnded(touches: Set<UITouch>, withEvent event: UIEvent?) {
        super.touchesEnded(touches, withEvent: event)
        for touch: UITouch in touches {
            let tag = touch.view!.tag
            switch tag {
            case tagPhotoView:
                self.presentViewController(imagePicker, animated: true, completion: nil)
            default:
                // self.presentViewController(imagePicker, animated: true, completion: nil)
                break
            }
        }
    }

5. imagePickerControllerで画面が選択されたら呼ばれる関数を記述
    func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : AnyObject])
    {
        // Add your functionality here
        //選択された画像を取得.
        let selectedImage: AnyObject?  = info[UIImagePickerControllerOriginalImage]
       
        //選択された画像を表示するViewContorllerにセットする.
        photoView.image = (selectedImage as! UIImage)
       
        // モーダルビューを閉じる
        self.dismissViewControllerAnimated(true, completion: nil)

        // ステータスバーの非表示 (ただし、時計表示などは消えないみたい)
        // self.setNeedsStatusBarAppearanceUpdate()
    }
   
     // 画像選択がキャンセルされた時に呼ばれる.   
    func imagePickerControllerDidCancel(picker: UIImagePickerController) {       
        // モーダルビューを閉じる
        self.dismissViewControllerAnimated(true, completion: nil)    
    }

とりあえず上記実装で意図した動作はするようです。


ソースコード全体
// 本アプリは以下の動作をします
// 1. ImageViewをタップするとpicker controllerが表示
// 2. picker controllerで写真を選択するとImgeViwに写真を表示

import UIKit

class ViewController: UIViewController , UIImagePickerControllerDelegate, UINavigationControllerDelegate {

    var imagePicker: UIImagePickerController!
    @IBOutlet weak var photoView: UIImageView!
    let tagPhotoView = 1
   
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
       
        // viewにタグを設定(本筋ではないがImageViewをタッチした際にpicker controllerを表示させるため)
        photoView.tag = tagPhotoView
       
        // インスタンス生成
        imagePicker = UIImagePickerController()
       
       
        // デリゲート設定
        imagePicker.delegate = self
       
        // 画像の取得先はフォトライブラリとする(カメラにするとカメラを起動した撮影した画像を取得できるみたい)
        // この段階ではImagePickerは起動させません(エラーになるから...)
        imagePicker.sourceType = UIImagePickerControllerSourceType.PhotoLibrary
        self.presentViewController(imagePicker, animated: true, completion: nil)
    }

    override func viewDidAppear(animated: Bool) {
       
    }
   
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
   
    func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : AnyObject])
    {
        // Add your functionality here
        //選択された画像を取得.
        let selectedImage: AnyObject?  = info[UIImagePickerControllerOriginalImage]
       
        //選択された画像を表示するViewContorllerにセットする.
        photoView.image = (selectedImage as! UIImage)
       
        // モーダルビューを閉じる
        self.dismissViewControllerAnimated(true, completion: nil)
    }
   
   
     // 画像選択がキャンセルされた時に呼ばれる.
    func imagePickerControllerDidCancel(picker: UIImagePickerController) {
        // モーダルビューを閉じる
        self.dismissViewControllerAnimated(true, completion: nil)
       
    }
   
    // user interaction enable / multiple touchをチェックしておく
    override func touchesEnded(touches: Set<UITouch>, withEvent event: UIEvent?) {
        super.touchesEnded(touches, withEvent: event)
        for touch: UITouch in touches {
            let tag = touch.view!.tag
            switch tag {
            case tagPhotoView:
                self.presentViewController(imagePicker, animated: true, completion: nil)
            default:
                break
            }
        }
    }
}

覚書...
ViewDidLoadedでimage picker controllerを起動させた時に表示されるエラーメッセージ
PhotoViewer01[27898:560863] Warning: Attempt to present <UIImagePickerController: 0x7fcd3300f600> on <PhotoViewer01.ViewController: 0x7fcd32622b10> whose view is not in the window hierarchy!
 

iOSのstataus barを非表示にする

Swiftでアプリを生成した場合にstatus barを表示させない手続きについて記載します。

1. Porjectを選択して General -> Deployment Infoにある"Hide Status Bar"をチェックする
2. info.plistで適当な箇所で+ -> "Status bar is infinity hidden" を追加 -> Valueを"NO"にする

info.plistの "Status bar is infinity hidden"が"YES"にする必要もあるようですが、"1"の手順で追加・設定されるようです( ということで、今回の手順でも触っていません)

 ということで、この状態でbuldしてstatus barの表示されないアプリになっている事が確認できました。

SwiftでOpenCV...の準備

iOSでOpenCVを動かしてみようと思いましたが結構難航してます。
cocoapodsでパッケージを取得する方法が簡単そうだったのですが一部のファイルが入らないようで諦めました。

iOS packをプロジェクトに手動で追加する方法でビルドと(emulatorでの)OpenCVのversion表示ができたのでここまでを記載してみます

1. 以下からiOS packをダウンロードする
　https://opencv.org/releases.html
2. 解凍してできたフォルダ"opencv2.framework"をフォルダごとworkspaceにドラッグ&ドロップする。ダイアログが表示されたら”Copy items if needed”をチェックする ( workspace に”opencv2.framework”が配置され、最初は×が表示されているがその後に消える)
3. C++を書くために、File -> New -> File -> “Cocoa Touch Class”を選択。言語はObjective-Cとする (名前は”OpenCvWrapper”などとしておく...以下はOpenCvWrapperとした時の例です)
4. dialogがpop upして、objective-Cのbridge wrapperを作るか聞かれるので”Create Bridge Header”を選択する
5. bridge header “*.m”が生成されるが、*.mmにファイル名を変更する (objective-Cのheaderはこうなのか??)
6. OpenCvWrappter.hを以下に変更
#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>

@interface OpenCvWrapper : NSObject

// funciton to get opencv version
+(NSString * ) openCVVersionString;

@end

7. プロジェクト名-bridging-header.hを以下に変更
#import "OpenCVWrapper.h"       // 追加

8. OpenCvWrappter.mmにC++のコードを書く (下記はversionを表示するwrapperのコード)
// 本ファイルはOpenCvWrappter.m だったので、OpenCvWrappter.mm にファイル名を変更した   
// 本ファイルはOpenCvWrappter.m だったので、OpenCvWrappter.m にファイル名を変更した。"Expected identifier"が出る場合(NOのenum関連)、importの順序を以下の順にする(逆で発生していた。opencv2のheaderの読み込みを標準のheaderより前に持ってくる事で解消)
#import <opencv2/opencv.hpp>        // 追加
#import "OpenCvWrapper.h"

@implementation OpenCvWrapper

// 追加関数 ()
+(NSString *) openCVVersionString
{
    return [NSString stringWithFormat: @"openCV Version %s", CV_VERSION];
}

@end

9. Swift側にコードを記載する (以下は、labelにversionを表示する場合。UIはlabelの配置のみ)
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
       
        // versionを表示してみる
        versionLabel.text = OpenCvWrapper.openCVVersionString() // wrapper関数の呼び出し
    }

ちょっとややこしいが
- **bridge-header.h : 本ファイルでimportしているheader fileに描かれているクラスなどをswift側から使用することができる
- **.h : **.mm (C++ソースファイル)のheaderファイル。
- **.mm : C++ソースファイル。ビルド時に”Expected identifier”が表示される場合はsystemとOpenCVのimportの順を逆にしてみる(OpenCVを先、systemを後にすると回避できた)

こちらのページを参考にさせていただきました
https://blog.fenrir-inc.com/jp/2017/04/opencv-3-2-in-a-swift-project.html
http://o-tyazuke.hatenablog.com/entry/2016/11/27/164908

bluetoothキーボードとマウスが不安定

Windows10を使用していますが、bluetooth keyboard / mouseがよく切断されて非常に使いづらい感じになっていました。

私の場合はbluetoothドライバの電源設定を変更したら切断されなくなり快適になりました..等と書いていたら途中ひっかかりましたがすぐに復元しました。

vaioのページが参考になりました。
https://solutions.vaio.com/2706#s7

tesseract-ocrとC#で7セグを読み取ってみる

OCRで検索するとよく見かけるのが本題のtesseract-ocrでしたのでこちらを使ってみました。

C#で使ってみたかったのでNuGetで導入してみます。
"Tesseract"で検索するといくつか見つかるのですが、Charles Weldさんのパッケージがよく使われているようです(文言は若干異なるようですが...)

言語データは別途ダウンロード & 配置するのですが、今回は7セグ用の学習データを使わせてもらいます。
https://github.com/arturaugusto/display_ocr
こちらをダウンロードします。
学習データのフォルダ構成の中で、以下が学習データっぽく、この階層のファイルを指定すれば良さそうですが...
display_ocr-master\letsgodigital\letsgodigital.traineddata

他の言語などを見ると言語(上記で言うと"letsgodigital"の下に"tessdata"の下に上記ファイルが配置されているようですので、"tessdata"というフォルダを掘ってその下に上記階層のファイルを配置しました(この辺のしきたりはよく解っていません)。
また、VisualStudioのprojectフォルダはパスにspaceが入っていたりするので、ユーザーフォルダに配置しています(なるべくトラブらないようにしているだけで実は問題ないかもしれません)。

ということで学習データのパスは以下としています。
C:\Users\hoge\Documents\tmp\display_ocr-master\letsgodigital\tessdata

コードは以下ですが文字によっては認識してくれるようです。
サンプル画像はgoogleの画像検索で7セグの画像を探してきたのですが...
- 白地に黒文字
- セグメントがつながっている方が認識しやすかった(学習データの中の画像はseg毎に分離しているのでつながっていない画像で学習していると思うのですが...)
- 文字が画像の端まであると認識してくれない (要余白?)
という感じで、誤認識やそもそも読めない場合もあるようです。
(文字列の部分に\nだけ表示されたりするようです...以下のコードで読める画像もあればNGなのもあるようです)

コードは以下で動かしてみました。
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;
using Tesseract;                // 追加
using System.Diagnostics;

namespace tesseract01
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void button1_Click(object sender, EventArgs e)
        {
            // 解析したい画像のファイルパス
            var imgPath = @"C:\Users\hoge\Documents\tmp\7seg8.png";

            // jpn.traineddata等の学習データが格納されたディレクトリパス
            var dataDirPath = @"C:\Users\hoge\Documents\tmp\display_ocr-master\letsgodigital";

            // 使用する学習データの言語(ディレクトリパスに格納されている言語に限る)
            var lang = "letsgodigital";

            if (!System.IO.File.Exists(imgPath))
            {
                Console.Error.WriteLine("画像のパスに画像が見つかりませんでした");
                return;
            }

            string traindedDataPath = System.IO.Path.Combine(dataDirPath, "tessdata", lang + ".traineddata");
            if (!System.IO.File.Exists(traindedDataPath))
            {
                Console.Error.WriteLine(lang + ".traineddataがみつかりませんでした");
                return;
            }

            using (var image = new System.Drawing.Bitmap(imgPath))
            {
                try {
                    using (var engine = new Tesseract.TesseractEngine(dataDirPath, lang))
                    {
                        engine.DefaultPageSegMode = PageSegMode.SingleLine;
                        using (var page = engine.Process(image))
                        {
                            var resultText = page.GetText();
                            Console.Write(resultText);
                        }
                    }
                } catch (Exception ex)
                {
                    Debug.WriteLine(ex.Message);
                }
            }
        }
    }
}

参考にさせていただきましたページ
http://whoopsidaisies.hatenablog.com/entry/2013/12/16/174819
http://blog.nomulabo.com/article/422712502.html
http://blog.ch3cooh.jp/entry/20140718/1405643400

リサイズした画像をcv2.imwriteで保存してみる

以下の手直しを実施
- アスペクトを整える
- リサイズ後のサイズを表示する : textbox4
- 保存ボタン押下で画像をcurrent directoryに保存
- stop watchによる処理時間の目安をdebug出力に表示

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;

using System.IO;        // file / directory文字列処理など
using OpenCvSharp;
using OpenCvSharp.Extensions;

using System.Diagnostics;

namespace DragDrop01
{
    public partial class Form1 : Form
    {
        Mat resizedImage;

        public Form1()
        {
            InitializeComponent();
            listBox1.AllowDrop = true;      // プロパティを編集してもよい(やらないとEnterイベントが発生しない模様)

            resizedImage = new Mat();
        }

        private void listBox1_DragEnter(object sender, DragEventArgs e)
        {
            if (e.Data.GetDataPresent(DataFormats.FileDrop))
            {
                e.Effect = DragDropEffects.Copy;
            } else
            {
                e.Effect = DragDropEffects.None;
            }
        }

        private void listBox1_DragDrop(object sender, DragEventArgs e)
        {
            string[] fileName = (string[])e.Data.GetData(DataFormats.FileDrop, false);
            listBox1.Items.AddRange(fileName);
        }

        // listboxの選択変更
        private void listBox1_SelectedIndexChanged(object sender, EventArgs e)
        {
            string currentItem = listBox1.SelectedItem.ToString();  // アイテムを取得する

            // int index = listBox1.FindString(currentItem);           // (↑のアイテムから)indexを取得する事も可

            textBox1.Text = Path.GetDirectoryName(currentItem);
            textBox2.Text = Path.GetFileName(currentItem);

            Mat image = new Mat(currentItem);

            string imageSize = image.Width.ToString() + " : " + image.Height.ToString();
            textBox3.Text = imageSize.ToString();

            int targetHeight = image.Height * pictureBox1.Width / image.Width;
            textBox4.Text = pictureBox1.Width.ToString() + " : " + targetHeight.ToString();

            Stopwatch sw = new Stopwatch();
            sw.Start();
            Cv2.Resize(image, resizedImage, new OpenCvSharp.Size(pictureBox1.Width, targetHeight));

            Debug.WriteLine(sw.Elapsed);
            pictureBox1.Image = BitmapConverter.ToBitmap(resizedImage);
            Debug.WriteLine(sw.Elapsed);
            sw.Stop();
        }

        // 保存ボタン押下処理
        private void button_save_Click(object sender, EventArgs e)
        {
            // 実行ファイルのcurrent dirに保存してみる
            string currentDir = Directory.GetCurrentDirectory() + "\\" + textBox2.Text;
            Cv2.ImWrite(currentDir, resizedImage);
        }
    }
}

drag and dropとLixt Box

Listboxにドラッグ & ドロップしたファイルを表示してみます。

以下をformに配置します。
picturebox : 画像表示用
textbox x 3 : ディレクトリ名表示・ファイル名表示・画像サイズ表示 (表示するだけなのでlabelでも可です)
listbox : ドラッグ & ドロップはこちらに対して行います

listboxにファイルをドラッグ & ドロップするとアイテムが増え、listboxのアイテムを選択する事でtextboxへの(大した事ない)情報表示と、pictureboxの画像が切り替わります。

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;

using System.IO;        // file / directory文字列処理など
using OpenCvSharp;   // 今回はNuGetでOpenCV sharp 3を導入(2が見つからなくなっていたので)
using OpenCvSharp.Extensions;  // bitmap converterの為

namespace DragDrop01
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            listBox1.AllowDrop = true;      // プロパティを編集してもよい(やらないとEnterイベントが発生しない模様)
        }

        private void listBox1_DragEnter(object sender, DragEventArgs e)
        {
            if (e.Data.GetDataPresent(DataFormats.FileDrop))
            {
                e.Effect = DragDropEffects.Copy;
            } else
            {
                e.Effect = DragDropEffects.None;
            }
        }

        private void listBox1_DragDrop(object sender, DragEventArgs e)
        {
            string[] fileName = (string[])e.Data.GetData(DataFormats.FileDrop, false);
            listBox1.Items.AddRange(fileName);
        }

        // listboxの選択変更
        private void listBox1_SelectedIndexChanged(object sender, EventArgs e)
        {
            string currentItem = listBox1.SelectedItem.ToString();  // アイテムを取得する

            // int index = listBox1.FindString(currentItem);           // (↑のアイテムから)indexを取得する事も可

            textBox1.Text = Path.GetDirectoryName(currentItem);
            textBox2.Text = Path.GetFileName(currentItem);

            Mat image = new Mat(currentItem);
            string imageSize = image.Width.ToString() + " : " + image.Height.ToString();
            textBox3.Text = imageSize.ToString();

            Cv2.Resize(image, image, new OpenCvSharp.Size(pictureBox1.Width, pictureBox1.Height));
            pictureBox1.Image = BitmapConverter.ToBitmap(image);
        }
    }
}

timerを使って画像を回転させてみる

続いて、timer1を張り付けて、defaultの100msec毎に回転角を変えて、アニメーションさせてみます。
カクカクしながらもアニメーションしてくれます(100msecなのでこんなもんでしょうか)

 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;

using OpenCvSharp;
using OpenCvSharp.CPlusPlus;
using OpenCvSharp.Extensions;


namespace _06_affineRot
{
    public partial class Form1 : Form
    {
        private double angle = 0.0;
        private Mat procImage = new Mat();      // 縮小した表示用の画像(回転前)

        public Form1()
        {
            InitializeComponent();
        }

        private void button_disp_Click(object sender, EventArgs e)
        {
            Mat matImage = new Mat(@"C:\Users\hoge\hogehoge.jpg");
            procImage = new Mat();

            // とりあえずリサイズしてみた (picuterBosのサイズにあわせています)
            Cv2.Resize(matImage, procImage, new CvSize(320,240));

            // 表示用bitmap変換
            Image dispImage = BitmapConverter.ToBitmap(procImage);
            pictureBox1.Image = dispImage;

            timer1.Start();
        }


        private void timer1_Tick(object sender, EventArgs e)
        {
            angle = (angle + 1.0) % 360.0;
            Mat angledImage = AffineRotate(procImage, angle);

            Image dispImage = BitmapConverter.ToBitmap(angledImage);
            pictureBox1.Image = dispImage;
        }

        // affin変換で回転させてみる
        private Mat AffineRotate(Mat srcImage, double angle)
        {
            Mat retImage = new Mat();
            double scale = 1.0;

            Point2f center = new Point2f(srcImage.Width / 2, srcImage.Height / 2);
            Mat affineMatrix = Cv2.GetRotationMatrix2D(center, angle, scale);
            Cv2.WarpAffine(srcImage, retImage, affineMatrix, srcImage.Size());

            return retImage;
        }
    }
}

Affine変換で画像を回転させてみる

まずは、ボタンを押すと回転された画像をpicture boxに表示するFormアプリを作ってみます。

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;

using OpenCvSharp;
using OpenCvSharp.CPlusPlus;
using OpenCvSharp.Extensions;


namespace _06_affineRot
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void button_disp_Click(object sender, EventArgs e)
        {
            Mat matImage = new Mat(@"C:\Users\hoge\hogehoge.jpg");
            Mat procImage = new Mat();

            // とりあえずリサイズしてみた
            Cv2.Resize(matImage, procImage, new CvSize(320,240));

            // affine変換で回転させてみる
            Point2f center = new Point2f(procImage.Width / 2, procImage.Height / 2);
            double angle = -40.0;
            double scale = 1.0;
            Mat affineMatrix = Cv2.GetRotationMatrix2D(center, angle, scale);
            Cv2.WarpAffine(procImage, procImage, affineMatrix, procImage.Size());

            // 表示用bitmap変換
            Image dispImage = BitmapConverter.ToBitmap(procImage);

            pictureBox1.Image = dispImage;

        }
    }
}

特徴点を表示したり遊んでみる

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using OpenCvSharp;
using OpenCvSharp.CPlusPlus;    // コレ
using System.Diagnostics;

namespace _03_matTest
{
    class Program
    {
        static void Main(string[] args)
        {
            /*
            CvMat mat1 = new CvMat(10, 10, MatrixType.U16C1);
            CvMat mat2 = new CvMat(320, 480, MatrixType.U8C3, new CvScalar(0,0,255));

            using (new CvWindow(mat2))
            {
                Debug.WriteLine(mat2.Width + " : " + mat2.Height);
                Debug.WriteLine(mat2.ElemDepth + " : " + mat2.ElemType);
                Cv.WaitKey();
            }
            */

            Mat matImage = new Mat(@"C:\Users\hogehoge\\Pictures\hogehoge.jpg");
            Mat grayImage = new Mat();
            Cv2.CvtColor(matImage, grayImage, ColorConversion.RgbToGray);

            /*
            var indexer = matImage.GetGenericIndexer<Vec3b>();
            var px = indexer[5, 5];
            Debug.WriteLine(px[0] + ":" + px[1] + ":" + px[2]);
            px[0] = 0;      // B
            px[1] = 0;      // G
            px[2] = 255;    // R
            indexer[5, 5] = px;

            // var type = matImage.Type;
            using (new Window("photo", matImage))   // ウィンドウを作成して画像を表示
            */
            CvSize size = new CvSize(matImage.Width / 8, matImage.Height / 8);
            Mat dispImage = new Mat();

            Cv2.Resize(matImage, dispImage, size);
            using (new Window("resized image", dispImage))
            {
                Cv.WaitKey();
            }

            Mat copyImage = dispImage.Clone(new Rect(0, 0, matImage.Width / 8, matImage.Height / 8));      // 画像をコピー(というかcloneなのでポインタではなく深い)
            Mat bwImage = copyImage.Clone();

            Cv2.CvtColor(bwImage, bwImage, ColorConversion.RgbToGray);
            KeyPoint[] keypoints;
            // Cv2.FAST(bwImage, out keypoints, 50, true);     // FAST : cornerを検出する    桜の場合はコーナーだらけ
            // Cv2.FAST(bwImage, out keypoints, 50, true);      // 建物 : まあまあ
            //  Cv2.FAST(bwImage, out keypoints, 20, true);         // 建物 : やや増える
            Cv2.FAST(bwImage, out keypoints, 100, true);         // 建物 : 減る

            foreach (KeyPoint kp in keypoints)
            {
                dispImage.Circle(kp.Pt, 3, Scalar.Red, -1, LineType.AntiAlias, 0);
            }

            using (new Window("copy image", dispImage))
            {
                Cv2.WaitKey();
            }

            /*
            using (new Window("gray image", grayImage))
            {
                Debug.WriteLine(grayImage.Width + " : " + grayImage.Height);        // 4896 : 3264
                Debug.WriteLine(grayImage.Depth() + " : " + grayImage.Type());      //    0 : CV_8UC1
                Cv.WaitKey();
            }
            */
        }
    }
}

MatをFormのpictureBoxに表示

BitmapConverterを使ってimageに指定するのが味噌

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;

// 以下を追加
using OpenCvSharp;
using OpenCvSharp.CPlusPlus;
using OpenCvSharp.Extensions;       // Bitmap変換に必要
using System.Diagnostics;

namespace WindowsFormsApplication1
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void button_imageLoad_Click(object sender, EventArgs e)
        {
            Mat matOrgImage = new Mat(@"C:\Users\hoge\Pictures\hogehoge.jpg");
            Mat matDispImage = new Mat();
            CvSize size = new CvSize(pictureBox1.Width, pictureBox1.Height);     // formのpicture boxのサイズにあわせた
            Cv2.Resize(matOrgImage, matDispImage, size);

            Image image = BitmapConverter.ToBitmap(matDispImage);

            pictureBox1.Image = image;
        }
    }
}

Matでグレースケール変換

Matの使い方が分かってきたので、CvtColorを使ってカラー画像をグレースケールに変換してみます。
Cv2 クラスにメソッドが用意されている模様。
色々用意されているメソッドもこれで使えそうです。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using OpenCvSharp;
using OpenCvSharp.CPlusPlus;   // コレ
using System.Diagnostics;

namespace _03_matTest
{
    class Program
    {
        static void Main(string[] args)
        {
            Mat matImage = new Mat(@"C:\Users\hogehoge\Pictures\hoge.jpg");
            Mat grayImage = new Mat();  // グレースケール用Mat

           
            // グレースケール変換 (param3はインテリセンスに頼ります)
            Cv2.CvtColor(matImage, grayImage, ColorConversion.RgbToGray);

            using (new Window("gray image", grayImage))
            {
                Debug.WriteLine(matImage.Width + " : " + grayImage.Height);      // 4896 : 3264
                Debug.WriteLine(grayImage.Depth() + " : " + grayImage.Type());   //    0 : CV_8UC1
                Cv.WaitKey();
            }
        }
    }
}

Matを使うのがイマ風?

openCvSharp2 以降はC++ interfaceを使えるので、indexerでピクセルを触りたい場合は "Mat"を使うとよいようだ (IplImage, CvMatではなく)

---
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;



// ここから追加
using OpenCvSharp;
using OpenCvSharp.CPlusPlus;    // Matを使うなら必要
using System.Diagnostics;

namespace _03_matTest
{
    class Program
    {
        static void Main(string[] args)
        {
            Mat matImage = new Mat(@"C:\Users\hoge\Pictures\hoge.jpg");

            var indexer = matImage.GetGenericIndexer<Vec3b>();  // indexer でアクセスする例
            var px = indexer[5, 5];   // x:5 y:5のpixel
            Debug.WriteLine(px[0] + ":" + px[1] + ":" + px[2]);
            px[0] = 0;      // B
            px[1] = 0;      // G
            px[2] = 255;    // R
            indexer[5, 5] = px;

            using (new Window("photo", matImage))   // ウィンドウを作成して画像を表示
            {
                Debug.WriteLine(matImage.Width + " : " + matImage.Height);
                Cv.WaitKey();
            }
        }
    }
}

参考にさせていただきました
http://schima.hatenablog.com/entry/2014/03/29/140106
http://sourcechord.hatenablog.com/entry/2016/08/15/235654

Remote Desktop から Windows Media player でAudio CDが"不明"になる

Windows Media Playerだけの問題なのかは不明ですが、グループポリシーの設定変更で解決できました。

1. Administratorでログイン
2. スタート -> "グループポリシー" で検索 -> "グループポリシーの編集"を選択
3. コンピュータの構成 -> 管理用テンプレート -> システム -> リムーバブル領域
4. 2すべてのリムーバブル記憶域:リモート セッションでの直接アクセスを許可する" を有効にする

こちらを参考にさせていただきました。
http://d.hatena.ne.jp/kamenoi/20170210/p1

物体のエッジ検出フィルタ(canyフィルタ)をかけてみる

例によってまるパクリです。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using OpenCvSharp;

namespace _02_cameraFilter
{
    class Program
    {
        static void Main(string[] args)
        {
            ShowCamera();
        }

        static void ShowCamera()
        {
            //カメラ映像を表示
            int cameraPort = 0;
            using (var capture = Cv.CreateCameraCapture(cameraPort))
            {
                IplImage frame = new IplImage();

                //  W640 x H480 (default resolution)のウィンドウを作る
                int w = 640, h = 480;

                // カメラ映像の画サイズ設定
                Cv.SetCaptureProperty(capture, CaptureProperty.FrameWidth, w);
                Cv.SetCaptureProperty(capture, CaptureProperty.FrameHeight, h);

                //ESCキー押さない限り
                while (Cv.WaitKey(1) != 27)
                {
                    // 画像の取得
                    frame = Cv.QueryFrame(capture);

                    if (frame != null)
                    {
                        int threshold1 = 120;
                        int threshold2 = 80;

                        //trimmingするための座標
                        int trimmingX = 50;
                        int trimmingY = 20;
                        int trimmingW = 300;
                        int trimmingH = 300;

                        IplImage edgeFrame = new IplImage(frame.Width, frame.Height, BitDepth.U8, 1);
                        frame.Canny(edgeFrame, threshold1, threshold2);

                        //frameをトリミングする
                        IplImage trimmedFrame = trimming(edgeFrame, trimmingX, trimmingY, trimmingW, trimmingH);

                        Cv.ShowImage("Liveカメラ(元)", frame);
                        Cv.ShowImage("Liveカメラ(Edge)", edgeFrame);
                        Cv.ShowImage("抽出した映像", trimmedFrame);

                        //メモリ解放
                        Cv.ReleaseImage(trimmedFrame);
                        Cv.ReleaseImage(edgeFrame);
                        Cv.ReleaseImage(frame);
                    }
                }
                //ESCキーが押されたら
                //全ての画像やwindowを削除
                Cv.DestroyAllWindows();
                capture.Dispose();

            }
        }

        //frameをtrimmingする
        static IplImage trimming(IplImage src, int x, int y, int width, int height)
        {
            IplImage dest = new IplImage(width, height, src.Depth, src.NChannels);
            Cv.SetImageROI(src, new CvRect(x, y, width, height));
            dest = Cv.CloneImage(src);
            Cv.ResetImageROI(src);
            return dest;
        }

    }
}

参照
http://www.thedesignium.com/development/8237

OpenCvSharpでカメラ画像を表示してみる

べた書きするとこんな感じ
カメラの番号が異なる場合はcameraPortを変更します
(タリーランプがついていれば大丈夫。異なっていればusingでexception発生)

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using OpenCvSharp;

namespace _01_cameraThrough
{
    class Program
    {
        static void Main(string[] args)
        {
            ShowCamera();
        }

        static void ShowCamera()
        {
            //カメラ映像を表示
            int cameraPort = 0;
            using (var capture = Cv.CreateCameraCapture(cameraPort))
            {
                IplImage frame = new IplImage();

                //  W640 x H480 (default resolution)のウィンドウを作る
                int w = 640, h = 480;

                // カメラ映像の画サイズ設定
                Cv.SetCaptureProperty(capture, CaptureProperty.FrameWidth, w);
                Cv.SetCaptureProperty(capture, CaptureProperty.FrameHeight, h);

                //ESCキー押さない限り
                while (Cv.WaitKey(1) != 27)
                {
                    // 画像の取得
                    frame = Cv.QueryFrame(capture);

                    if (frame != null)
                    {
                        //frameを表示
                        Cv.ShowImage("Liveカメラ", frame);
                    }
                }
                //ESCキーが押されたら
                //全ての画像やwindowを削除
                Cv.DestroyAllWindows();
                capture.Dispose();
            }
        }
    }
}

参考にさせていただきました
http://www.thedesignium.com/development/8237

表示画像を縮小してみる(Resize)

こんな感じで...

            using (var img = new IplImage(@"C:\Users\hogehohe\Pictures\hoge.png"))  // 画像を読み込み
            {
                CvSize size = new CvSize(img.Width / 2, img.Height / 2);
                IplImage img2 = new IplImage(size,img.Depth, img.NChannels);    // サイズ違いのimgを作成
                Cv.Resize(img, img2);           // リサイズ
                using (new CvWindow(img2))      // ウィンドウを作成して画像を表示
                {
                    Cv.WaitKey();
                }
            }

OpenCvSharpのはじめの一歩

1. Visual Studio 2015などで、File -> プロジェクトの作成
2. ツール -> NuGeパッケージマネージャ -> 参照 -> OpenCvSharp で検索 -> インストール(チェックボックスをチェックしてインストールボタン)
3. 以下のコードを書く

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using OpenCvSharp;              // 追加

namespace consoleApplicationSample
{
    class Program
    {
        static void Main(string[] args)
        {
            using (var img = new IplImage(@"C:\Users\hogehoge\Pictures\hoge.png"))  // 画像を読み込み
            {
                Cv.Not(img, img);           // 画像をネガポジ反転
                using (new CvWindow(img))   // ウィンドウを作成して画像を表示
                {
                    Cv.WaitKey();
                }
            }
        }
    }
}