iOS Design to Code - Code

iOS developerhttp://about.me/gliyao

design > code

Liyao Chen

Objectivedo more with less

CodeWant vs. need No code is good code Do not start from 0 Keep step small

Cocoa Framework BasicCustom class @IBoutlet & @IBAction UISegue Inheritance hierarchy

Custom class

Custom class

IBOutlet & IBAction

UISegue

Inheritance hierarchy

Inheritance hierarchyEnter viewController - viewDidLoad - viewWillAppear - viewWillLayoutSubviews - viewDidLayoutSubviews - viewDidAppear

Leave viewController - viewWillDisappear - viewDidDisappear

Rulepair-programming beat the monster

Mission 1Setting page with less code

Wireframe of setting page

Steps

• Embed in UINavigationController (two ways)

• UITableViewController with static cells (basic and customize style).

• Create show segue with control + drag from cell

• Connect views with IBOutlet and change its property value.

• Simple autolayout (pin view in center of viewController)

• Simple class SRAuthor to setup author page

Mission 2Article list page with JSON file

Wireframe of article list page

Steps

• Read JSON file as dictionary (Break point and check out data)

• List article title with dynamic cells in UITableViewController (Delegate pattern, reuse cell with id).

• Configure cell with article JSON data

• Pass params to another viewController with segueId