I gave a talk about IBDesignable and IBInspectable at CocoaConf in Seattle (October 2014).

1. Instant Gratification
in Interface Builder

2. Making Views

3. Where’s the subview?

4. See Constraints

5. Show Bounds

8. Playgrounds

9. IBDesignable

10. See your view live in
Interface Builder

11. Tweak your view live in
Interface Builder

12. What’s in it for me?

13. DRY

14. DRY
(Insert Seattle joke here)

15. DRY
(Insert Seattle joke here) ☂

16. MVC

17. MVC

18. ⌘-R

19. self.borderWidth = 10;

20. Build & Run.
Get to screen.
Observe Cool UI.

21. self.borderWidth = 20;

22. Build & Run.
Get to screen.
Observe Cool UI.

23. self.borderWidth = 15;

24. Build & Run.
Get to screen.
Observe Cool UI.

25. Repeat

26. Repeat ad nauseam

27. Case Study

28. All Places

29. Single Place

30. All Places Single Place

31. Place Map

32. Practical Application

33. From Zero to Visible
Demo

34. IBInspectable

35. IBInspectable Properties
• Boolean
• Integer / Float
• String / Localized String
• CGRect CGPoint CGSize
• Color
• Range
• Nil

36. Update Live
Demo

37. Problems

38. Problems and Solutions

39. NSFont・UIFont

40. Debugging / Logging

41. public func liveDebugLog(message: String) {
#if !(TARGET_OS_IPHONE)
// ENSURE LOG FILE EXISTS
let logPath = "/tmp/XcodeLiveRendering.log"
let fm = NSFileManager.createIfNecessary(logPath)
// GET FILE HANDLE
var fileHandle = NSFileHandle(forWritingAtPath: logPath)!
fileHandle.seekToEndOfFile()
// WRITE OUT LOG
let data = message.asUTF8Data
fileHandle.writeData(data)
#endif
}

42. CocoaPods

43. $ gem update cocoapods

44. # build for all architectures
post_install do |installer|
installer.project.targets.each do |target|
target.build_configurations.each do |config|
config.build_settings['ONLY_ACTIVE_ARCH'] = 'NO'
end
end
end

45. Can’t drag and drop from
subview UIControls to
create IBActions

46. Use Target-Action
videoControlsView?.playButton.addTarget(self,
action: Selector("tappedPlayButton"),
forControlEvents: UIControlEvents.TouchUpInside)

47. IBInspectable properties
of subviews aren’t
exposed.

48. Preemptive Q&A

49. Do I have to use a
separate framework?
No

50. Does this work in
Objective-C?
Yes

51. Can I do my view layout
in Interface Builder?
Probably
http://justabeech.com/2014/07/27/xcode-6-live-rendering-from-nib/

52. Resources

53. Debugging

54. Using Assets

55. Apple Docs
https://developer.apple.com/library/ios/recipes/xcode_help-
IB_objects_media/chapters/
CreatingaLiveViewofaCustomObject.html

56. @MartinJNash
Seattle