Hướng dẫn tạo ứng dụng cho apple watch với watchOs 2
Giới thiệu Tại WWDC 2015, Apple công bố bản cập nhật lớn đầu tiên cho nền tảng Apple watch - watchOS 2. Cùng với nhiều tính năng mới và cải tiến, các khía cạnh quan trọng nhất của bản cập nhật này cho các nhà phát triển là khả năng tạo ra ứng dụng native Apple Watch. Những ứng dụng native thực ...
Giới thiệu
Tại WWDC 2015, Apple công bố bản cập nhật lớn đầu tiên cho nền tảng Apple watch - watchOS 2. Cùng với nhiều tính năng mới và cải tiến, các khía cạnh quan trọng nhất của bản cập nhật này cho các nhà phát triển là khả năng tạo ra ứng dụng native Apple Watch. Những ứng dụng native thực hiện tốt hơn và cung cấp cho các nhà phát triển truy cập vào các tính năng mới, bao gồm :digital crown, microphone,health sensors.
Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách để tạo ra một ứng dụng native và phác thảo một số các API mới có sẵn trong watchOS 2. Tôi cũng sẽ cho bạn thấy làm thế nào để nâng cấp một ứng dụng từ watchOS 1 lên watchOS 2.
Hướng dẫn này đòi hỏi rằng bạn đang chạy Xcode 7 trên Mac OS X chạy Yosemite (10.10) hoặc đời mới hơn. Hướng dẫn này được xây dựng dựa trên các khái niệm và WatchKit API có sẵn trong watchOS 1. Nếu bạn chưa biết về WatchKit thì bạn có thể tìm hiểu thêm tại đây http://code.tutsplus.com/categories/watchkit.
Setting Up the Project
Open Xcode and create a new project. In Xcode 7, the new project wizard includes a watchOS section on the left. Choose the iOS App with WatchKit App template from the watchOS > Application section. Click Next to continue.
Bạn hãy mở Xcode lên và tạo mới một project . Bạn nhấn nút create project và chọn watchOS > Application xong ấn next.
chúng ta điền vào các mục như hình dưới đây , chú ý bỏ chọn checkbox ở phía dưới vì trong hướng dẫn này ta không cần dùng những cái đó .
Hoàn thành việc thiết lập project và bạn hãy nhìn tại các thư mục Xcode đã tạo ra cho chúng ta. Bạn sẽ thấy ba nhóm hoặc thư mục trong dự án Navigator trên bên trái:
- thư mục watchTest chứa các file nguồn và resource của ứng dụng iOS.
- thư mục watchTest WatchKit App chứa các file code và các tài nguyên của ứng dụng WatchKit.
- thư mục watchTest WatchKit Extension bao gồm các tập tin nguồn và resource của các phần mở rộng WatchKit, đây như là bộ não của ứng dụng WatchKit.
Trước khi chúng ta tiếp tục, ta cần phải cấu hình Xcode để build và chạy các target chính xác. Ở phía trên bên trái của cửa sổ Xcode của bạn, bên cạnh các nút dừng màu xám , nhấp vào active scheme, watchTest, và chọn các tùy chọn như sau đây:
Click the play button to build and run your app. In your dock, you should see two simulator icons appear. One of these is the regular iOS Simulator while the other is the Apple Watch Simulator. click vào nút play để build và chạy app . trong dock của bạn, bạn sẽ nhìn thấy hai biểu tượng máy ảo một cái là ios simulator một cái là apple watch simulator .
Nếu màn hình của apple watch simulato trống thì làm các bước sau đây:
-
Chuyển đến iOS Simulator. Bạn có thể tìm thấy các ứng dụng của Apple watch trên các trang màn hình chủ thứ hai.
-
click vào biểu tượng cái đồng hồ và chọn ứng dụng watchTest trên màn hình như hình dưới.
-
Bật chức năng Show App on Apple Watch lên
-
trong apple watch simulator ấn tổ hợp phím Command+Shift+H hoặc chọn Home từ menu phần Hardware trên apple watch simulator.
Nếu điều này không làm việc ngay lập tức, sau đó chuyển đến iOS Simulator và tắt đi. Nó cũng có thể giúp thoát khỏi Xcode và chạy lại các ứng dụng WatchKit.
Nếu tất cả mọi thứ đang làm việc một cách chính xác, hãy nhấp vào biểu tượng của ứng dụng trên Apple Watch Simulator. Bạn sẽ thấy một màn hình màu đen với thời gian hiển thị ở phía trên bên phải.
Tạo giao diện người dùng
đây là thời gian để bắt đầu sử dụng một số các API mới được giới thiệu trong watchOS 2. Trong Xcode, mở Interface.storyboard trong thư mục watchTest WatchKit App ra và thêm các thành phần sau đây trên Scene Interface Controller:
- slider
- picker
- button Select the slider and set its Maximum and Steps properties to 5 in the Attributes Inspector. Chọn vào slider trong Attributes Inspector và thay đổi giá trị thành phần Maximun và Steps là 5 .
Click đúp vào nút và thay đổi tiêu đề của nó "Show Alert". Mở Assistant Editor để bạn thấy code ở bên trái và nội dung của InterfaceController.swift ở bên phải. Tạo một outlet cho các slider bằng điều khiển kéo nó từ thanh trượt trong storyboard tới lớp InterfaceController. Đặt tên cho thanh trượt này là slider . Làm tương tự cho các đối tượng khác và đặt tên cho các outlet.
giữ nút Control + kéo từ button trên giao diện đến InterfaceController bên phải để tạo ra một hàm để bắt sự kiện click nút. Đặt tên cho hàm là showAlertPressed. Hành động này sẽ được thực hiện khi người sử dụng ấn nút.
đóng tap Assistant Editor ở bên phải đi và mở file code InterfaceController.swift lên .
slider và button mà bạn thêm vào lớp InterfaceController là quen thuộc nếu bạn đã từng làm việc với WatchKit. picker là một trong những yếu tố giao diện mới có sẵn trong watchOS 2.
Một picker được đại diện bởi các lớp WKInterfacePicker. Nó hoạt động tương tự như đối với iOS - UIPickerView. Người dùng tương tác với một trường hợp WKInterfacePicker bằng cách kéo di chuyển qua các phần WKPickerItem , và sau đó chọn một mục. Một WKInterfacePicker có thể hiển thị các mục theo một trong ba phong cách khác nhau:
- list
- stack
- Image Sequence
Đối với hướng dẫn này, bạn sẽ tạo ra một bảng chọn danh sách phong cách đơn giản với các vật phẩm dựa trên text-based. Thêm đoạn mã viết hàm awakeWithContext (_