Slides of my presentation about the iOSToolkit at the Mobile Developer Conference 2012 in Hamburg.

1. iOS Toolkit
Jens Meder
iOS UI Development made easy

2. iOS Toolkit
Jens Meder

3. Hello World

4. Who are you?

5. Who are you?
66
66
66 Hi, my name is Jens.

6. Who are you?
66
66
66 Hi, my name is Jens.
What is your profession?

7. Who are you?
66
66
66 Hi, my name is Jens.
What is your profession?
66 User Interface Designer &
Developer at ERGOSIGN
66
66

8. What is ERGOSIGN offering?

9. What is ERGOSIGN offering?
66 UI Design, UI Development,
Icon Design, Usability
Evaluation
66
66

10. Where can I find you?

11. Where can I find you?
Hamburg 4 km
Saarbrücken 523 km
München 777 km
Basel 818 km

12. Design & Dev

13. Options

14. DEV OPTIONS
Images

15. DEV OPTIONS Images
Images
Pros: Output = Design Prototyping +
Possibilities
Cons: Bundle size @2x Maintainance
RAM consumption

16. DEV OPTIONS
Core Graphics
CODE
- (void)drawRect:(CGRect)rect
{
CGContextRef myContext = UIGraphicsGetCurrentContext();
CGContextSetRGBFillColor (myContext, 1, 0, 0, 1);
CGContextFillRect (myContext, CGRectMake (0, 0, 200, 100 ));
CGContextSetRGBFillColor (myContext, 0, 0, 1, .5);
CGContextFillRect (myContext, CGRectMake (0, 0, 100, 200));
}

17. DEV OPTIONS Core Graphics
Core Graphics
Pros: Memory consumption Performance +
Flexibility
CODE
- (void)drawRect:(CGRect)rect
{
Cons:
CGContextRef myContext = UIGraphicsGetCurrentContext();
Low level time-consuming
CGContextSetRGBFillColor (myContext, 1, 0, 0, 1);
CGContextFillRect (myContext, CGRectMake (0, 0, 200, 100 ));
Maintainance
CGContextSetRGBFillColor (myContext, 0, 0, 1, .5);
CGContextFillRect (myContext, CGRectMake (0, 0, 100, 200));
}

18. DEV OPTIONS
Webview
</html>

19. DEV OPTIONS UIWebView
Webview
Pros: Easy implementation Prototyping +
„Cross platform“
Cons: </html>
PerformanceUser Experience
Maintainance

20. 66 Everything is best for
something and worst for
something else.
66
66
BILL BUXTON

21. DEV OPTIONS
Wishlist
Performance Maintainable Easy & Flexible

22. iOSToolkit

23. Views

24. VIEWS
Hierarchy
UIControl
ESView
ESBorderView ESEllipseView

25. Brushes

26. BRUSHES
Solid Color
#ABC DEF

27. BRUSHES
Linear gradient

28. BRUSHES
Linear gradient

29. BRUSHES
Radial gradient

30. BRUSHES
Radial gradient

31. BRUSHES
Image

32. Miscellaneous

33. Demo

34. MISCELLANEOUS
Conclusion
Views Brushes Categories

35. MISCELLANEOUS
What‘s next?
Photoshop Export
Resourcemanagement
Layers
Styles Tricky controls
Styleable standard controls

36. Thank you

37. ?
Questions

38. @JENS_MEDER
meder@ergosign.de
www.ergosign.de