IBDesignable x PaintCode

by 86

Slide 1

Slide 1 text

IBDesignable x PaintCode Daisuke Yamanaka / Mercari, inc. https://github.com/86 https://twitter.com/86

Slide 2

Slide 2 text

IBDesignable • Interface Builder্ͰΧελϜϏϡʔΛϨϯμ Ϧϯάͯ͘͠ΕΔػೳ • Xcode 6 ͔Β࢖༻Մೳ • UIViewͷ֯Λؙͨ͘͠Γɺ࿮ઢΛೖΕͨΓ͢ Δ৔߹ʹIB্ͰϓϨϏϡʔͰ͖ͯศར

Slide 3

Slide 3 text

Ϋϥεʹରͯ͠IBDesignableଐੑ Λ෇༩ IBDesignableView

Slide 4

Slide 4 text

IB্Ͱؙ֯ɺ࿮ઢΛઃఆͰ͖Δ Α͏ʹΧελϜϓϩύςΟʹ IBInspectableଐੑΛ෇༩͢Δ (ࠓճ͸UIViewͷextensionͱ͠ ͯ෇༩ʣ IBDesignableView

Slide 5

Slide 5 text

Interface Builder ϓϨϏϡʔͰ͖ͨʂ ↓Λઃఆ͢Δͱ..

Slide 6

Slide 6 text

PaintCode

Slide 7

Slide 7 text

What is PaintCode? • ϕΫλʔϕʔεͷυϩʔΠϯάπʔϧ • υϩʔ݁Ռ͸ϦΞϧλΠϜͰObjective-C/ Swift౳Ͱॻ͖ग़͞ΕΔ • Video Tutorials  http://www.paintcodeapp.com/tutorials

Slide 8

Slide 8 text

Support Platform • iOS : Objc, Swift, C# Xamarin • OS X : Objc, Swift • Web : SVG

Slide 9

Slide 9 text

Drawing

Slide 10

Slide 10 text

Color • ϕʔεΧϥʔΛఆٛ • ϕʔεΧϥʔΛΩʔʹɺ ໌౓ɺ࠼౓ɺ৭૬ɺಁ໌ ౓ͳͲʹมߋΛՃ͑ͨα ϒΧϥʔΛ௥ՃͰ͖Δ

Slide 11

Slide 11 text

Variables/Expression • ಛఆͷύϥϝʔλΛม਺ ʹ͢Δ͜ͱ͕Մೳ • ม਺ʹ͸ࣜΛ࢖͏͜ͱ΋ Մೳ  ” on == YES ? onColor : offColor ”

Slide 12

Slide 12 text

Export as StarKit Class ελʔΛඳը͢Δϝιου

Slide 13

Slide 13 text

StarView IB্ͰOn/OffΛ੾Γସ͑ΒΕΔΑ͏ʹ

Slide 14

Slide 14 text

StarView PaintCode͔Βग़ྗͨ͠Ϋϥεͷ ελʔඳըϝιουΛݺͿ

Slide 15

Slide 15 text

Interface Builder ϓϨϏϡʔͰ͖ͨʂ ↓Λઃఆ͢Δͱ..

Slide 16

Slide 16 text

Interface Builder ৭͕มΘΔʂ ↓Λઃఆ͢Δͱ..

Slide 17

Slide 17 text

IBDesignable x PaintCode Super Awesome!!! Sample code : https://github.com/86/StarKit