Edited at

Apple製のアプリのView Hierarchyを見る方法

iOSにデフォルトで入っているAppleのマップやニュースなどのアプリがどのような作りでできているのか気になりませんか?

実はXcodeのデバッグ機能を利用すると、シミュレータに入っているアプリ限定ですが、それらのアプリのView Hierarchyなどを見ることができます。


手順


  1. XcodeとiOSのSimulatorを起動します。

  2. SimulatorでView Hierarchyを見たいアプリを起動します。

  3. Xcodeのメニューから「Debug」→「Attach to Process」を選び、一覧から先程起動したアプリを選びます。

  4. 下のバーにある「Debug View Hierarchy」をクリックします。

  5. 見放題 :eye: :eye:


こんな感じで見れます


マップ

Map


ニュース

ニュース


設定アプリ

設定

※載せてよいのかわからないのでモザイク処理をしました。


まとめ

「Attach to Process」を使うと、Simulator内のアプリのデバッグが可能です。

また、デバッグコンソールからlldbのpoコマンドなどを利用して、Viewを操作することで、挙動を観察することもできます。

ContainerViewの使い方・粒度、Viewの命名、半モーダルビューはどう実現しているのかなど、とても参考になるので、気になる方は試してみてはどうでしょうか。