reveal - raywenderlich.com · 2018. 11. 1. · cocoapods for when you want integration to be easy...

9
Introducing Reveal View Debugging

Upload: others

Post on 16-Oct-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Reveal - raywenderlich.com · 2018. 11. 1. · Cocoapods For when you want integration to be easy AND you use Cocoapods :] pod `Reveal-iOS-SDK` Left Pane - View Hierarchy Tree-view

Introd

ucing

RevealView Debugging

Page 2: Reveal - raywenderlich.com · 2018. 11. 1. · Cocoapods For when you want integration to be easy AND you use Cocoapods :] pod `Reveal-iOS-SDK` Left Pane - View Hierarchy Tree-view

Reveal Overview

Intro to Reveal Integration Methods Features Constraints

Live Demos! 3D Rotation and View Selection View Refreshing Navigating the left pane hierarchy Using the Inspectors Focusing Constraint Debugging

Page 3: Reveal - raywenderlich.com · 2018. 11. 1. · Cocoapods For when you want integration to be easy AND you use Cocoapods :] pod `Reveal-iOS-SDK` Left Pane - View Hierarchy Tree-view

Reveal 101

Melbourne-based “Itty Bitty Apps” View debugger Similar to Safari Inspector/Chrome Developer Tools

Communicates to your app via Bonjour from device or simulator http://revealapp.com

Page 4: Reveal - raywenderlich.com · 2018. 11. 1. · Cocoapods For when you want integration to be easy AND you use Cocoapods :] pod `Reveal-iOS-SDK` Left Pane - View Hierarchy Tree-view

Integration - 3 Options

Dynamic Loading (using .dylib) For when you want full control over when Reveal is loaded.

Static Linking (using .framework) For when you want integration to be easy.

Cocoapods For when you want integration to be easy AND you use Cocoapods :] pod `Reveal-iOS-SDK`

Page 5: Reveal - raywenderlich.com · 2018. 11. 1. · Cocoapods For when you want integration to be easy AND you use Cocoapods :] pod `Reveal-iOS-SDK` Left Pane - View Hierarchy Tree-view

Left Pane - View Hierarchy

Tree-view of the view hierarchy. Each “node” is a UIView subclass.

Page 6: Reveal - raywenderlich.com · 2018. 11. 1. · Cocoapods For when you want integration to be easy AND you use Cocoapods :] pod `Reveal-iOS-SDK` Left Pane - View Hierarchy Tree-view

Center Pane - 3D Rendering

3d visualization of the view hierarchy

Page 7: Reveal - raywenderlich.com · 2018. 11. 1. · Cocoapods For when you want integration to be easy AND you use Cocoapods :] pod `Reveal-iOS-SDK` Left Pane - View Hierarchy Tree-view

Right Pane - Inspectors

Xcode-like inspectors. Application Identity Attributes Layout Layer

Can modify in real-time.

Page 8: Reveal - raywenderlich.com · 2018. 11. 1. · Cocoapods For when you want integration to be easy AND you use Cocoapods :] pod `Reveal-iOS-SDK` Left Pane - View Hierarchy Tree-view

Debuggable Constraints

Blue - System Constraints Purple - App Constraints Editable in real-time!

Page 9: Reveal - raywenderlich.com · 2018. 11. 1. · Cocoapods For when you want integration to be easy AND you use Cocoapods :] pod `Reveal-iOS-SDK` Left Pane - View Hierarchy Tree-view

Demos!