This document provides instructions for creating a watchOS application with a table view to display a schedule of meetups. It includes steps to create the project and add a table view, connect the table to display meetup data from a JSON file, create a class to represent individual meetups, configure table row controllers to display meetup details, and programmatically populate the table. It also describes adding a new interface controller to display details of a selected meetup and pushing this view from the table row tap handler.

1. Learn
watchOS
Programming!

2. Communication Channel
Google Document for live chat - http://tiny.cc/watchOSTechTalk
Github link for the project - https://github.com/patilsnehal/watchOSTableview

3. Create watchOS Application with tableview

4. Create Project

5. Add tableview

6. Change the color of the global tint

7. Change Identifier

8. Add Group and then labels to it

9. Change font, alignment etc

10. Add a watchKit class

11. ScheduleInterfaceController

12. Change the class type as ScheduleInterfaceController

13. Lets do some coding finally :)
Connect table
@IBOutlet var WWCMeetupTable: WKInterfaceTable!
Set up Number of rows
WWCMeetupTable.setNumberOfRows(10, withRowType: "WWCRow");

14. Hit Run !

15. MeetupRowController

16. Change the class type as MeetupRowController

17. Add meetup.json and meetup.swift (Shared folder)
[
{
"startTime": "10:00 AM",
"endTime": "12:00 PM",
"title": "Python Meetup",
},
{
"startTime": "12:00 PM",
“endTime": "2:00 PM",
"title": "iOS Meetup",
},
{
"startTime": "2:00 PM",
"endTime": "4:00 PM",
"title": "WatchOS Meetup",
},
{
"startTime": "4:00 PM",
"endTime": "6:00 PM",
"title": "Android Meetup",
},
{
"startTime": "6:00 PM",
"endTime": "8:00 PM",
"title": "Java Meetup",
}
]
class Meetup {
let title: String
let starttime: String
let endtime: String
class func allMeetups() -> [Meetup] {
var meetups = [Meetup]()
if let path = NSBundle.mainBundle().pathForResource("Meetup", ofType: "json"),
let data = NSData(contentsOfFile: path) {
do {
let json = try NSJSONSerialization.JSONObjectWithData(data, options:
NSJSONReadingOptions.AllowFragments) as! [Dictionary<String, String>]
for dict in json {
let meetup = Meetup(dictionary: dict)
meetups.append(meetup)
}
} catch {
print(error)
}
}
return meetups
}
init( title: String, starttime: String, endtime: String) {
self.title = title
self.starttime = starttime
self.endtime = endtime
}
convenience init(dictionary: [String: String]) {
let title = dictionary["title"]!
let starttime = dictionary["startTime"]!
let endtime = dictionary["endTime"]!
self.init(title: title, starttime: starttime, endtime: endtime)

18. Add files and add them to app and extension target

19. Configure the labels on MeetupRowController
class MeetupRowController: NSObject {
@IBOutlet var timeLabel: WKInterfaceLabel!
@IBOutlet var titleLabel: WKInterfaceLabel!
// 1
var meetup: Meetup? {
// 2 Add a property observer that is triggered whenever the property is set;
didSet {
// 3 Check of meetup is not nil
if let meetup = meetup {
// 4 configure the labels using the relevant properties of meetup
timeLabel.setText(meetup.starttime)
titleLabel.setText(meetup.title)
}
}
}
}

20. ScheduleInterfaceController
var meetups = Meetup.allMeetups()
override func awakeWithContext(context: AnyObject?) {
super.awakeWithContext(context)
// Set up a Row count
WWCMeetupTable.setNumberOfRows(meetups.count, withRowType: "WWCRow");
// Add data for each row
for index in 0..<WWCMeetupTable.numberOfRows {
if let controller = WWCMeetupTable.rowControllerAtIndex(index) as? MeetupRowController {
controller.meetup = meetups[index]
}
}
}

21. Hit Run!

22. Add new Interface controller and add design it.
● Change Identifier and name it
as “Meetup”
● Copy a image called static
maps into the project and
assign it to the image.
● Create a group and add 2
buttons to it - YES & NO

23. MeetupInterfaceController
class MeetupInterfaceController: WKInterfaceController {
@IBOutlet var timeLabel: WKInterfaceLabel!
@IBOutlet var titleLabel: WKInterfaceLabel!
// 1
var meetup: Meetup? {
// 2
didSet {
// 3
if let meetup = meetup {
// 4
timeLabel.setText("(meetup.starttime) to (meetup.endtime)")
titleLabel.setText(meetup.title)
}
}
}
override func awakeWithContext(context: AnyObject?) {
super.awakeWithContext(context)
if let meetup = context as? Meetup { self.meetup = meetup }
}
}

24. ScheduleInterfaceController
Add a method didSelectRowAtIndex to push a viewcontroller
override func table(table: WKInterfaceTable, didSelectRowAtIndex rowIndex: Int) {
let meetup = meetups[rowIndex]
presentControllerWithName("Meetup", context: meetup)
}

25. Hit Run!