自作iOSアプリの画面上でピクチャーインピクチャーのような小さい画面の実現可否

Question

iPhoneでiOS14から使えるようになったピクチャーインピクチャー機能のような小さい画面を自作のiOSアプリの画面上に表示することはできますでしょうか？

具体的には、アプリのメイン画面上で、ドラッグによって移動拡大縮小ができる小さい画面のwebブラウザを表示して、その小さい画面のwebブラウザで検索した内容を見ながらメイン画面に入力を行いたいです。その小さい画面のブラウザからは、メイン画面を操作することはありません。あくまでも、メイン画面入力のための参照用です。
(小さい画面はその自作のアプリ内だけで使えれば問題ありません。本物のピクチャーインピクチャーみたいにホーム画面や他のアプリで開けなくても大丈夫です。)

iPhoneアプリ開発未経験でして、今はこれからつくるもののイメージを考えている段階です。いろいろ調べまして、ハーフモーダルとかが近いのかなと思いますが、それだと半分しか後ろの画面を操作することが出来ないので、可能であれば上記のような小さい画面を作りたいと考えております。実現できるものなのか教えていただきたいです。

Answer 1

やってできないことは無いと思いますが……
画面の移動操作とWebの中のスクロール操作とが同じ「ドラッグ」なので、画面を動かしたかったのにスクロールしてしまったとか、Webページの中のフォームか何かにフォーカスを取られて、あるいはロングタップのテキスト選択とかになってしまって、意図しない画面にスクロールしてしまうとか、操作性が良くなさそうな気がします。

ユーザーは日常的に（他のたくさんのアプリを使う中で）マルチタスクの中でブラウザと切り替えてなにかを入力したりという操作を行なっていて、その操作に慣れているはずなので、トリッキーな実装をしなくてもユーザーの操作に委ねた方がいい気がします。（参照先がWebなのであれば、PCを見ながらスマホで入力、ということもある気がします）

実装に向けた技術的なところで言うと、WebViewは（SFSafariViewController以外は）UIViewのサブクラスなので、入力画面のViewControllerに対してaddSubViewかaddSubLayerして描画することは可能です。小さいViewControllerにしてpushしてもいいとは思いますが。
ドラッグイベントはちょっと実装が大変だと思いますが、UIViewをドラッグして動かしたいというのはよくあるシチュエーションなので、ググれば参考になるコードが出てくると思います。

Comments

[ponsuke88]

ご回答いただきありがとうございます。
頑張れば作れそうだけど、操作性がよくなさそうな気がしてきました。
ブラウザと切り替えて何かを入力とする操作が慣れているというのは、
ハッとしました。(自分もやっているはずなのに読んで初めて気づきました。)
いい気づきになりました。
そう考えると、タブで切り替えでもよさそうな気がします。
もうちょっと検討してみたいと思います。