IBDesignable x PaintCode

sample code: https://github.com/86/StarKit

Transcript

1. IBDesignable x PaintCode Daisuke Yamanaka / Mercari, inc. https://github.com/86 https://twitter.com/86
2. IBDesignable • Interface Builder্ͰΧελϜϏϡʔΛϨϯμ Ϧϯάͯ͘͠ΕΔػೳ • Xcode 6 ͔Β࢖༻Մೳ • UIViewͷ֯Λؙͨ͘͠Γɺ࿮ઢΛೖΕͨΓ͢ Δ৔߹ʹIB্ͰϓϨϏϡʔͰ͖ͯศར
3. Ϋϥεʹରͯ͠IBDesignableଐੑ Λ෇༩ IBDesignableView
4. IB্Ͱؙ֯ɺ࿮ઢΛઃఆͰ͖Δ Α͏ʹΧελϜϓϩύςΟʹ IBInspectableଐੑΛ෇༩͢Δ (ࠓճ͸UIViewͷextensionͱ͠ ͯ෇༩ʣ IBDesignableView
5. Interface Builder ϓϨϏϡʔͰ͖ͨʂ ↓Λઃఆ͢Δͱ..
6. PaintCode
7. What is PaintCode? • ϕΫλʔϕʔεͷυϩʔΠϯάπʔϧ • υϩʔ݁Ռ͸ϦΞϧλΠϜͰObjective-C/ Swift౳Ͱॻ͖ग़͞ΕΔ • Video Tutorials
 http://www.paintcodeapp.com/tutorials
8. Support Platform • iOS : Objc, Swift, C# Xamarin • OS X : Objc, Swift • Web : SVG
9. Drawing
10. Color • ϕʔεΧϥʔΛఆٛ • ϕʔεΧϥʔΛΩʔʹɺ ໌౓ɺ࠼౓ɺ৭૬ɺಁ໌ ౓ͳͲʹมߋΛՃ͑ͨα ϒΧϥʔΛ௥ՃͰ͖Δ
11. Variables/Expression • ಛఆͷύϥϝʔλΛม਺ ʹ͢Δ͜ͱ͕Մೳ • ม਺ʹ͸ࣜΛ࢖͏͜ͱ΋ Մೳ
 ” on == YES ? onColor : offColor ”
12. Export as StarKit Class ελʔΛඳը͢Δϝιου
13. StarView IB্ͰOn/OffΛ੾Γସ͑ΒΕΔΑ͏ʹ
14. StarView PaintCode͔Βग़ྗͨ͠Ϋϥεͷ ελʔඳըϝιουΛݺͿ
15. Interface Builder ϓϨϏϡʔͰ͖ͨʂ ↓Λઃఆ͢Δͱ..
16. Interface Builder ৭͕มΘΔʂ ↓Λઃఆ͢Δͱ..
17. IBDesignable x PaintCode Super Awesome!!! Sample code : https://github.com/86/StarKit