Xamarin.iOSにて、AVFoundationで取得した画像を表示したい。

Question

以下のようなCameraViewクラスを作成し、sessionから画像を取得するプログラムを作成しました。
sessionから取得した画像をCameraViewクラスのメンバ変数 UIImage imageに格納し、ViewControllerクラス内のUIImageViewにimageを貼り付けることで動的にUIImageViewにカメラの画像を表示させようとしています。
sessionの処理が行われる度にViewControllerの描画の更新を行うにはどのような処理にする必要があるでしょうか？

ご存知の方がいらっしゃいましたら御回答をお願いいたします。

public CameraView{
bool SetupCaptureSession()
{
// configure the capture session for low resolution, change this if your code
// can cope with more data or volume
session = new AVCaptureSession
{
SessionPreset = AVCaptureSession.PresetMedium
};

        // ここで使用するデバイスの設定をしている
        // create a device input and attach it to the session
        var captureDevice = AVCaptureDevice.DefaultDeviceWithMediaType(AVMediaType.Video);

        if (captureDevice == null)
        {
            Console.WriteLine("No captureDevice - this won't work on the simulator, try a physical device");
            return false;
        }

        // ここでカメラの設定を変更をかけるためにロックをかけている
        //Configure for 15 FPS. Note use of LockForConigfuration()/UnlockForConfiguration()
        NSError error = null;
        captureDevice.LockForConfiguration(out error);
        if (error != null)
        {
            Console.WriteLine(error);
            captureDevice.UnlockForConfiguration();
            return false;
        }

        if (UIDevice.CurrentDevice.CheckSystemVersion(7, 0))
            captureDevice.ActiveVideoMinFrameDuration = new CMTime(1, 15);
        // ここで設定変更終了し、ロックを解除している
        captureDevice.UnlockForConfiguration();

        var input = AVCaptureDeviceInput.FromDevice(captureDevice);
        if (input == null)
        {
            Console.WriteLine("No input - this won't work on the simulator, try a physical device");
            return false;
        }

        session.AddInput(input);

        // create a VideoDataOutput and add it to the sesion
        var settings = new CVPixelBufferAttributes
        {
            PixelFormatType = CVPixelFormatType.CV32BGRA
        };
        using (var output = new AVCaptureVideoDataOutput { WeakVideoSettings = settings.Dictionary })
        {
            queue = new DispatchQueue("myQueue");
            outputRecorder = new OutputRecorder();
            // サブスレッド用のシリアルキューを用意し、そこでフレームの取得を行う
            output.SetSampleBufferDelegate(outputRecorder, queue);
            session.AddOutput(output);
        }

        session.StartRunning();    // セッションが動きだし、実際にデータを取得する
        return true;
    }
  }

Comments

[kamu]

OutputRecorder内で画像を取得しているところまではできていて、その画像の表示の仕方が分からないということですかね？

[kamingout]

その通りです。取得した画像をViewControllerでの表示を取得するたびに更新したいのですが、良い方法はありますでしょうか？

Answer 1

ViewControllerとCameraVIewとでUIImageViewをやりとりできるようにCameraView側にUIImageViewのプロパティをおいてそれ経由で更新するのはどうでしょうか？
こういうことではなかったらすみません。

public class CameraView
{
    //ViewControllerとやりとりするプロパティを作る
    public UIImageView ImageView { get; set; }

    //略
    public void Hoge() {
        //それをOutputRecorderに渡す
        outputRecorder = new OutputRecorder(ImageView);
    }
}

public class OutputRecorder : AVCaptureVideoDataOutputSampleBufferDelegate
{
    private UIImageView _imageView;

    public OutputRecorder(UIImageView imageView) {
        _imageView = imageView;
    }

    public override void DidOutputSampleBuffer(
        AVCaptureOutput captureOutput,
        CMSampleBuffer sampleBuffer,
        AVCaptureConnection connection) {

        //BufferからUIImageを取得する処理
        var image = GetImageFromSampleBuffer(sampleBuffer);

        //Device.BeginInvokeOnMainThread(() => {
        InvokeOnMainThread(() =>{
            //画像を取得する度に画像更新
            _imageView.Image = image;
        });
    }
}

Comments

[kamingout]

詳細なご説明ありがとうございます。
大変わかりやすいです。
CameraViewクラスと、ViewControllerクラスは異なるのですが、手順としては

ViewControllerのUIImageViewをCameraViewに送り、そのUIImageViewをOutputRecorderに送り、
OutputRecorder内で送られてきたUIImageViewに対して取得した画像を貼り付けるという流れでよろしいでしょうか？

あと、この関数はどのような役割を果たしているのでしょうか？
Device.BeginInvokeOnMainThread(() =>

単純に、このような記述だけではだめですか？
_imageView.Image = image;

お手数おかけしますが、ご返信よろしくお願いいたします。

[kamu]

1つめは全くその通りです。

2つめなんですが、DidOutputSampleBufferはMainスレッドではないと思うので多分そのままだと怒られます。UIをいじるときはMainスレッドじゃないとダメみたいなのでDevice.BeginInvokeOnMainThreadでMainスレッドで実行してもらうようにしています。
が…DeviceはXamarin.Formsの書き方でした。多分iOSでは以下の感じでいけるかと。

```cs
InvokeOnMainThread(() => {
_imageView.Image = image;
});
```

回答の方も編集しました。

[kamingout]

複数の質問への御回答ありがとうございます。
大変わかりやすかったです。

今、実行できる環境にいないのでまた明日試してみたいと思います。
ベストアンサーとさせていただきたいと思います。