IBDesignable x PaintCode
by
86
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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