Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
11
Help us understand the problem. What is going on with this article?
@chino_tweet

【Xcode】Tips: デバッグ時にビュー階層を3D表示する

More than 3 years have passed since last update.

【概要】

Xcodeにはシミュレータでビルド時に、ビューコントローラが管理しているビュー階層をグラフィカルに確認する機能があります。

【サンプルアプリについて】

スクロールビューにイメージを表示するだけの単純な画像表示アプリ。
左右スワイプで、3枚の画像がスクロール表示されます。
画像表示アプリの作り方が知りたい方は、iBooksのテキストを参考にしてください。

【手順】

  1. シミュレータでビルドする
  2. ストーリーボードを表示する
  3. Debug View Hierarchyをクリックする
    スクリーンショット 2016-11-22 16.17.43.png

  4. Orient to 3Dをクリックすると、立体的になる
    スクリーンショット 2016-11-22 16.18.33.png

  5. スライダー・エディタエリアをドラッグで操作できる
    ちなみに、ピンチイン・ピンチアウトでズームをコントロール
    スクリーンショット 2016-11-22 16.18.58.png

  6. Show Clipped Viewsをクリックすると、画面外のビューも表示される
    スクリーンショット 2016-11-22 16.20.16.png

【感想】

「これは役立つ!」といったことは特にありませんが、なんとなくテンションが上がったので記事にあげました。
便利な使い道があるぞ、という方がいましたら、教えてください。

11
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
chino_tweet
小学校で放課後プログラミング教室を実施しています。 学生や社会人向けも。 初学者のためのわかりやすい教材を目指しています。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
11
Help us understand the problem. What is going on with this article?