iphoneのカメラで写真を撮るときに目安となる画像を写しつつ写真を撮りたい

Question

前提・実現したいこと

カメラで自撮りをするときに同じように画像を撮りたいと考えています。
その際にカメラの中心に目安となる画像（オブジェクト）をおき、そこを中心で写真を撮るアプリを作りたいと考えています。

アプリ構成は下のように写真をとるボタンを押すとカメラ、ライブラリを選び、カメラを選択するとカメラ撮影できるようにしています。カメラを撮影し終えたら右のimage view controller1に画像を載せています。

今は、UIImagePickerController()を使って下のようなカメラ画面ができています

このカメラを下のような画像を入れてカメラが撮影できることが理想形です。

色々調べていますが、UIImagePickerController()だと簡単なことしかできない、
AVFoundationはできることが多いと書かれていました。

私がやりたいことはUIImagePickerController()できますか？
できるならどのようなコードを追加すればできますか？

発生している問題・エラーメッセージ

カメラ写真撮影時に目印となる画像か、線を入れたい

該当のソースコード

    @IBAction func takePhoto(_ sender: UIButton) {
        let picker = UIImagePickerController()
        picker.delegate = self
        let alert = UIAlertController(title: nil, message: nil, preferredStyle: .actionSheet)
        if UIImagePickerController.isSourceTypeAvailable(.camera) {
            alert.addAction(UIAlertAction(title: "Camera", style: .default, handler: {action in
                picker.sourceType = .camera
                self.present(picker, animated: true, completion: nil)
            }))
        }

試したこと

ARサンプルを試そうと思いましたが、そこまで大掛かりなことをする必要ない気がし、まずは質問することにしました。

###補足情報
参照ページ
コードを次ようにして

下の写真のようになりました

（透明度が考慮されないのはよくわかりませんが）

画像を選択したいと考えていますが、
公式リファレンスの下のコードをどう使えば良いかわかりません

var cameraOverlayView: UIView? { get set }

どのようにコード書き換えすれば良いのでしょうか

補足情報（FW/ツールのバージョンなど）

swift4

Answer 1

UIImagePickerControllerには、 cameraOverlayViewというプロパティがあり、そこに自分で作成したUIViewをセットすることで、カメラ内に任意の画像を表示できます。

(リファレンス)
https://developer.apple.com/documentation/uikit/uiimagepickercontroller/1619113-cameraoverlayview

Comments

[meJ15]

ありがとうございます。オーバーレイというものがあることを初めて知りました.
プログラム初心者なもので、本当に基礎的な部分を聞きたいのですが、
var cameraOverlayView: UIView? { get set }
はどうすれば画像を指定できるのでしょうか？

今補足のような感じで、画像を指定せずに画面中央に図形を描写できるようになりましたが、後のことを考えて、画像にしたいと考えています。

[TakeOne]

UIImageViewを生成してそこに画像をセットし、生成したUIImageViewをcameraOverlayViewにセットすればいいです。

[meJ15]

詳しい説明ありがとうございます
let image1:UIImage = UIImage(named:"hana.png")!

// UIImageView 初期化
let imageView = UIImageView(image:image1)

let screenWidth:CGFloat = self.view.bounds.width
let screenHeight:CGFloat = self.view.bounds.height

// 画像の中心を画面の中心に設定
imageView.center = CGPoint(x:screenWidth/2, y:screenHeight/2)
//画像の透過
imageView.alpha = 0.1

picker.cameraOverlayView = imageView
このような形で半透明にもでき、画像も映し出すことができました。
右も左もわからなかったのですが、少しわかった気がします。
ありがとうございました