Learn watchOS Programming!

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

Create watchOS Application with tableview

Change the color of the global tint

Add Group and then labels to it

Change the class type as ScheduleInterfaceController

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

Change the class type as MeetupRowController

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",
},
{
"title": "WatchOS Meetup",
},
{
"title": "Android Meetup",
},
{
"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)

Add files and add them to app and extension target

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)
}
}
}
}

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]
}
}
}

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

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 }
}
}

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)
}

Learn watchOS Programming!

More Related Content

What's hot (10)

Viewers also liked (10)

Similar to Learn watchOS Programming! (11)

Recently uploaded (20)

Learn watchOS Programming!