iostoolkit
DESCRIPTION
Slides of my presentation about the iOSToolkit at the Mobile Developer Conference 2012 in Hamburg.TRANSCRIPT
iOS UI Development made easy
Jens MederiOS Toolkit
Jens MederiOS Toolkit
Hello World
Who are you?
Who are you?
Hi, my name is Jens.6666
6666
Who are you?
Hi, my name is Jens.6666
6666
What is your profession?
Who are you?
Hi, my name is Jens.6666
6666
What is your profession?
User Interface Designer & Developer at ERGOSIGN
6666
6666
What is ERGOSIGN offering?
What is ERGOSIGN offering?
UI Design, UI Development, Icon Design, Usability Evaluation
6666
6666
Where can I find you?
Where can I find you?
Hamburg
Saarbrücken
München
Basel
4 km
523 km
777 km
818 km
Design & Dev
Options
DEV OPTIONS
Images
DEV OPTIONS
ImagesImages
Output = Design Prototyping
Possibilities
Maintainance@2xBundle size
RAM consumption
+Pros:
Cons:
DEV OPTIONS
Core GraphicsCODE- (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));}
DEV OPTIONS
Core GraphicsCODE- (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));}
Core Graphics
Memory consumption Performance
Flexibility
Maintainance
time-consumingLow level
+Pros:
Cons:
DEV OPTIONS
Webview
</html>
DEV OPTIONS
Webview
</html>
UIWebView
Easy implementation
„Cross platform“
Prototyping
Maintainance
User ExperiencePerformance
+Pros:
Cons:
BILL BUXTON
Everything is best for something and worst for something else.
6666
6666
DEV OPTIONS
Wishlist
Performance Maintainable Easy & Flexible
iOSToolkit
Views
VIEWS
HierarchyUIControl
ESView
ESBorderView ESEllipseView
Brushes
BRUSHES
Solid Color
#ABC DEF
BRUSHES
Linear gradient
BRUSHES
Linear gradient
BRUSHES
Radial gradient
BRUSHES
Radial gradient
BRUSHES
Image
Miscellaneous
Demo
MISCELLANEOUS
Conclusion
Views Brushes Categories
MISCELLANEOUS
What‘s next?
Photoshop ExportResourcemanagement
Layers Styles Tricky controls
Styleable standard controls
Thank you
Questions?