Build your UI Developer Toolbox using Playgrounds

Build your UI Developer Toolbox using Playgrounds

Talk at FrenchKit about how to leverage Playgrounds to build real component helping you to iterate faster while developing UI

5ed5581b2484d8de8d56161beabbe8c2?s=128

Hugues Bernet-Rollande

September 22, 2016
Tweet

Transcript

  1. 1.

    BUILD YOUR UI DEVELOPER TOOLBOX IN SWIFT PLAYGROUND HUGUES BERNET-ROLLANDE

    @ROMPELSTILCHEN GITHUB.COM/HUGUESBR CHIEF SOFTWARE OFFICER @ WIRED BEAUTY 1
  2. 2.

    BUILD YOUR UI DEVELOPER TOOLBOX IN SWIFT PLAYGROUND @rompelstilchen A

    WORKMAN IS AS GOOD AS HIS TOOLS @rompelstilchen 2 Some wise man
  3. 4.

    BUILD YOUR UI DEVELOPER TOOLBOX IN SWIFT PLAYGROUND @rompelstilchen A

    DEVELOPER IS AS GOOD AS HIS ABILITY TO IMPROVE HIS TOOLS Hugues Bernet-Rollande 4
  4. 9.

    BUILD YOUR UI DEVELOPER TOOLBOX IN SWIFT PLAYGROUND USING THE

    CAMEDIATIMINGFUNCTIONCONTROL import XCPlayground // canvas let view = UIView() XCPlaygroundPage.currentPage.liveView = view // sampleView view.addSubview(SampleView()) // custom built CAMediaTimingFunctionControl let mediaTimingControl = CAMediaTimingFunctionControl() view.addSubview(mediaTimingControl) // update sample view timing function on change mediaTimingControl.onValueDidChange = { sampleView.timingFunction = $0 } 9 @rompelstilchen
  5. 12.

    BUILD YOUR UI DEVELOPER TOOLBOX IN SWIFT PLAYGROUND USING RESIZER

    CONTROL import XCPlayground // canvas let view = UIView() XCPlaygroundPage.currentPage.liveView = view // resize control let resizableView = ResizableView() view.addSubview(resizableView) // sampleView resizableView.contentView = SampleView() 12 @rompelstilchen
  6. 14.

    BUILD YOUR UI DEVELOPER TOOLBOX IN SWIFT PLAYGROUND @rompelstilchen CAVEATS

    ▸Playground are slow and unstable ▸Copy/paste of code (your view) ▸Need to (sometime) adapt your view 14
  7. 16.

    iPad Swift Playground NSDateFormatter Rulers LoremLipsum X C A s

    s e t s C o l o r W h e e l C u s t o m T r a n s i t i o n e r r o r e t c a n i m a t i o n s l i d e r A p p I c o n Generator random color include incomplete gradient issue missing AnimationSequencer Sequence Generator number Curve Alternate 16