SlideShare a Scribd company logo
Prototype by Xcode
Michael Pan
13年4月28⽇日星期⽇日
Start Xcode
• Control + Space
13年4月28⽇日星期⽇日
Create a new Project
13年4月28⽇日星期⽇日
iOS Application
• SingleView Application
13年4月28⽇日星期⽇日
Options for project
13年4月28⽇日星期⽇日
Options for project
13年4月28⽇日星期⽇日
Options for project
13年4月28⽇日星期⽇日
Options for project
13年4月28⽇日星期⽇日
Options for project
13年4月28⽇日星期⽇日
Options for project
13年4月28⽇日星期⽇日
Options for project
13年4月28⽇日星期⽇日
Choose folder to save
13年4月28⽇日星期⽇日
Overall
13年4月28⽇日星期⽇日
Navigator
13年4月28⽇日星期⽇日
Editor
13年4月28⽇日星期⽇日
Tool Bar
13年4月28⽇日星期⽇日
Choose Storyboard
13年4月28⽇日星期⽇日
Inspector & Library
Library
13年4月28⽇日星期⽇日
Search Label
13年4月28⽇日星期⽇日
Drag On theView Controller
13年4月28⽇日星期⽇日
Run on simulator
13年4月28⽇日星期⽇日
Change the first scene -View Controller
• TableView Controller
13年4月28⽇日星期⽇日
Drag into storyboard
13年4月28⽇日星期⽇日
Change the initial view controller
13年4月28⽇日星期⽇日
Change table view type
13年4月28⽇日星期⽇日
Change Cell style
13年4月28⽇日星期⽇日
Add Item
13年4月28⽇日星期⽇日
Run on simulator Again
13年4月28⽇日星期⽇日
Manage many scenes
• Navigation Controller
13年4月28⽇日星期⽇日
New Navigation Controller
13年4月28⽇日星期⽇日
Run on simulator
13年4月28⽇日星期⽇日
Navigation Bar title
13年4月28⽇日星期⽇日
Run on simulator
13年4月28⽇日星期⽇日
Add button
13年4月28⽇日星期⽇日
Drag on the Navigation Bar
13年4月28⽇日星期⽇日
Change Identify
13年4月28⽇日星期⽇日
Another Scene
13年4月28⽇日星期⽇日
Add some labels & text fields
13年4月28⽇日星期⽇日
More text fields
13年4月28⽇日星期⽇日
Add Segmented Control
13年4月28⽇日星期⽇日
Change Style
13年4月28⽇日星期⽇日
Change number of segments
13年4月28⽇日星期⽇日
Change title
13年4月28⽇日星期⽇日
Completion
13年4月28⽇日星期⽇日
Present a Scene from a Scene
13年4月28⽇日星期⽇日
Press Ctrl & Drag from + to Scene
13年4月28⽇日星期⽇日
Then you will see - Segue
13年4月28⽇日星期⽇日
Don’t forget title
13年4月28⽇日星期⽇日
Run on simulator
13年4月28⽇日星期⽇日
Prepare Images to decorate table view
• bigger then 44x44
• png format
13年4月28⽇日星期⽇日
Drag all into project
13年4月28⽇日星期⽇日
Drag all into project
13年4月28⽇日星期⽇日
Add into cell
13年4月28⽇日星期⽇日
Change all cells and Add left item
13年4月28⽇日星期⽇日
Use others codes
• iOSPlot
• https://github.com/honcheng/iOSPlot
13年4月28⽇日星期⽇日
Download zip - iOSPlot
13年4月28⽇日星期⽇日
Download another project
13年4月28⽇日星期⽇日
Looks like
We need
13年4月28⽇日星期⽇日
Create a group in project
13年4月28⽇日星期⽇日
Drag plot files into group
13年4月28⽇日星期⽇日
Drag plot files into group
13年4月28⽇日星期⽇日
End of adding files
13年4月28⽇日星期⽇日
One more folder
13年4月28⽇日星期⽇日
One more folder
13年4月28⽇日星期⽇日
Two more files
13年4月28⽇日星期⽇日
Two more files
13年4月28⽇日星期⽇日
Create a new scene
13年4月28⽇日星期⽇日
Connect to scene by segue
13年4月28⽇日星期⽇日
Overall - Storyboard
13年4月28⽇日星期⽇日
Change the class of Scene
PieChartViewController
13年4月28⽇日星期⽇日
The last modification
• in PieChartViewController.m
13年4月28⽇日星期⽇日
The last modification
• in PieChartViewController.m
13年4月28⽇日星期⽇日
Select codes from line 44 to 93
13年4月28⽇日星期⽇日
Right click - Refactor
13年4月28⽇日星期⽇日
Refactor - Extract Method
13年4月28⽇日星期⽇日
Preview
13年4月28⽇日星期⽇日
Save - Enable Snapshot
13年4月28⽇日星期⽇日
Result
13年4月28⽇日星期⽇日
Add some codes
13年4月28⽇日星期⽇日
Run on the simulator
13年4月28⽇日星期⽇日
Disable the ARC on JSONKit.m
13年4月28⽇日星期⽇日
Run on the simulator
13年4月28⽇日星期⽇日

More Related Content

PDF
Shootting Game
PDF
Note something
PDF
Autorelease pool
PDF
Core data lightweight_migration
PDF
Dropbox sync
PDF
Activity
PDF
Introduction to Android Studio
PDF
Eclipse and Genymotion
Shootting Game
Note something
Autorelease pool
Core data lightweight_migration
Dropbox sync
Activity
Introduction to Android Studio
Eclipse and Genymotion

More from Michael Pan (12)

PDF
Strategy Pattern for Objective-C
PDF
Google maps SDK for iOS 1.4
PDF
Homework2 play cards
PDF
Objc under the_hood_2013
PDF
Nimbus
PDF
Superstar dj pdf
KEY
ADB - Arthur
PPTX
比價撿便宜 Steven
KEY
Appsgaga - iOS Game Developer
PPT
GZFox Inc. Jacky
PPT
創投公司 hoku_20121017
KEY
Opening iOS App 開發者交流會
Strategy Pattern for Objective-C
Google maps SDK for iOS 1.4
Homework2 play cards
Objc under the_hood_2013
Nimbus
Superstar dj pdf
ADB - Arthur
比價撿便宜 Steven
Appsgaga - iOS Game Developer
GZFox Inc. Jacky
創投公司 hoku_20121017
Opening iOS App 開發者交流會
Ad

Prototype by Xcode