UIImageのトリミング処理の実装

Question

前提・実現したいこと

現在、チャットアプリを作成しており、その中でユーザーのプロフィールを設定する画面が必要になりました。プロフィールにはアイコン画像も含まれており、ユーザーがカメラロールなどから選択した画像をトリミングして自由にアイコンをセットできるような仕組みにしたいです。

トリミングを行う画面では、画面中央が円形にくり抜かれたガイド用のビューがあり、トリミングを行うと、その円形にくり抜かれた部分だけを抽出したUIImageが取れるような構造にしたいと考えています。
なお、ガイドのビューはすでに作成済みで、元画像の拡大縮小や画像の移動などの機能が実装されています。

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

ここで自分が直面している問題は、画像のトリミング処理の実装に関してです。
トリミングを行う画面では、ScrollViewを用いて拡大縮小、移動などをおこなう為、UIImageから切り出すべき座標やサイズが動的に変化してしまい、どう実装すればよいか検討がつきません。

https://qiita.com/tetsufe/items/9ff5fe190ee190afa1bb
上記の記事を参考にしましたが、切り出す領域が四角形であったりと、微妙に実装に差異があり、うまく組み込むことができていない状況です。

目標としては、UIImageからガイドに合うように新たなUIImageを切り出すことですが、UIImageViewからガイドに合うように画像を切り出す方法が可能であれば、後者でも問題ありません。(画質が下がる？)

何か情報をご存知でしたら教えていただきたいです。
よろしくお願いします。

Comments

[fuzzball]

>>ScrollViewを用いて拡大縮小、移動などをおこなう為、
>>UIImageから切り出すべき座標やサイズが動的に変化してしまい、
>>どう実装すればよいか検討がつきません。

拡大縮小は掛け算、移動は足し算です。

[dsuzuki]

> その円形にくり抜かれた部分だけを抽出
表示するだけなら、UIImageViewにcornerRadiusを設定して四隅を丸くすれば円形になりますよ。

Answer 1

色々ご回答いただき大変参考になりました。結局、自前で実装するよりもライブラリに頼る方がクオリティが高いと判断し、 https://github.com/TimOliver/TOCropViewController を使用して実装いたしました。ありがとうございました。

Answer 2

試してないので自身はありませんが、
convert(_:from:)
か
convert(_:to:)
あたりで異なるビュー間の座標変換ができますので、
たぶんガイドの矩形がUIImageViewのどこに相当するかを上記の関数で求めれば
一発で出るかもしれません（UIImageViewのsizeとUIImage.sizeが一致している事が前提）。

ただこのAPIは、どのインスタンスから呼んで、どの矩形を渡して、どのfrom/toを指定するのかがこんがらがりやすいので、練習してから試してみてください。

Comments

[takabosoft]

あと回転してると駄目かも。