【iOS】pageSheetモーダルの横幅の変更について

Question

iPad版Apple Musicで再生中の曲が、通常のモーダルビューの半分くらいの横幅で出てくるのですが、これはどのように実装しているのでしょうか

・モーダルビューの横幅を変更する方法がある
・UISplitViewControllerで左側のViewControllerを非表示にする

などを考えたのですが、どちらもうまく実装できませんでした

よろしくお願いいたします

Answer 1

他の方もおっしゃっている通り、カスタムでの実装だと思われます。

iPadは頻繁には使わないためMusicの変遷は把握していませんが、以前よりiPhoneのMusicはカスタムで実装されていました。

• そもそもpageSheet開発のための実験だったか
• Musicチームが良いものを作ったので汎用化されたか

など詳しいことは分かりませんが。

モーダルビューの横幅を変更する方法がある

についてですが、viewWillLayoutSubviews内でview.boundsなどを変更することにより可能ではありますがお望みの挙動にするのは難しいのではと思います。

• presentViewControllerを利用するのであれば用途に応じて.overFullScreen, .overCurrentContextを使う
• presentViewControllerを使わない実装をする

方法があると思いますが、いずれにせよ骨が折れる作業になるのではないでしょうか????
ひょっとしたら類似の挙動を再現するライブラリが公開されているかもしれません。探してみて見つかればラッキー、見つからなければ自前で実装ですね。。。

あまり答えになっていない長文・駄文となってしまいましたが、お役に立てれば幸いです????‍♂️

Comments

[secondpenguin]

nafuさま
ご回答ありがとうございます

たしかに、Apple Musicのよく挙動を見てみると、通常のモーダルが下から出てくるのに対し、Apple Musicのモーダルはタブバーに当たるところに埋め込まれている再生中のトラック情報を表示するビューが拡大するような形で伸びてくるので、カスタムなのだと思います

カスタムなのではないかというところと、複数実装案をご提案くださり、ありがとうございます

とりあえずまずはGithubでライブラリを探すところから始めてみたいと思います

ありがとうございました！

Answer 2

popover系じゃなければ、モーダルの背景を透明にしてその上に必要な大きさのviewを載せているのでは？

Comments

[secondpenguin]

overfullscreenのモーダルで背景半透明のビューコントローラーを用意しつつ、カスタムで幅を決めたビューを乗せる方法になりますかね……

たしかに、それなら実装できるかもしれません……！ありがとうございます☺︎

[退会済みユーザー]

今更だけど、みてみたら、これモーダル遷移とかじゃなくて。extraViewでやるのが一番簡単ですね。addSubviewするとき、半透明の全画面背景をかましてあげて。

[退会済みユーザー]

画面遷移でやるなら、全画面でのモーダル遷移で、背景透明、必要な大きさのviewを載せるだけ、
これはカスタムトランジッションである必要はありません。

曲名とサムネイルのアニメーションも再現したいならカスタムトランジッションがいいですかね。
https://teratail.com/questions/262343
https://teratail.com/questions/262708
念のため

[secondpenguin]

tyobigorouさま
気づくのが遅くなってすみません……！extraViewというのがあるのですね！知らなかったです

これは便利ですね！Storyboardメインで開発していて、複数の画面を一つのViewControllerに載せるとなるとどうしても躊躇してしまったのですが、これならすっきり描けそうです

ありがとうございます！