Tuesday, May 19, 2015

(Swift) Hướng dẫn sử dụng Playground trong XCode

Playground là một môi trường tương tác với code Swift, nó có thể hiển thị kết quả trong mỗi câu lệnh mà không cần compile hay run một project.

Sử dụng playground để học và khám phá ngôn ngữ Swift, có thể tạo prototype cho ứng dụng của bạn.

Khởi tạo file:

Có 2 cách để khởi tạo file:
- Cách 1 - Không có project: Bạn mở XCode, trên thanh công cụ bạn chọn File -> New -> Playground:


Sau đó sẽ ra màn hình như sau:
Bạn hãy nhập tên file và nền tảng nào (iOS hay Mac OS X), sau đó bạn nhấn nút 'Next' để tạo file. Cuối cùng sẽ hiển thị màn hình như sau:

Màn hình playground có 4 phần chính như:

  • Source editor: Nơi bạn nhập code và những đoạn hướng dẫn (Bạn có thể format chúng sao cho hiển thị đẹp mắt)
  • Results sidebar: Hiển thị kết quả từng đoạn code trong source editor.
  • Timeline slider: Playback the evaluation of the playground updating any results views. 
  • Time field: Thiết lập số giây để playground thực hiện trong mỗi lần chạy.
- Cách 2 - Có project: trên thanh công cụ bạn chọn File -> New -> File sẽ hiển thị như màn hình bên dưới:
Nội dung file thì giống ở trên, còn nội dung trong thanh Navigator như sau:
Ở đây mình có 2  thư mục bên trong file playground này.
- Thư mục Sources dùng để chứa những file code bằng ngôn ngữ swift để tích hợp chúng vào playground. Nếu bạn có những file swift có sẵn bạn có thể thêm chúng vào đây để tích hợp vào playground. Lưu ý: những đối tượng như class, struct, hàm, biến đều phải khai báo là public thì bên Playground mới truy xuất được.
- Thư mục Resources chứa những file tài nguyên như hình ảnh hay những file text ở ngoài.

Cách hiển thị:

Bạn có thể chuyển sang định dạng xem theo document hay theo định dạng format để bạn có thể tuỳ chỉnh những comment. Có 2 cách là:
- Cách thứ 1: Khi chọn tên file playground trong XCode, bạn nhìn qua thanh Utilities sẽ xuất hiện màn hình như sau:
Ô check box 'Render Documentation' cho phép bạn thực hiện điều này.

- Cách thứ 2: Trên thanh công cụ của XCode bạn chọn Editor -> 'Show Raw Markup' or 'Show Rendered Markup'.

Định dạng những đoạn comment trong Playground:

Theo playground trong XCode phiên bản 6.3 thì hỗ trợ những cách format theo mặc định chứ không dùng code html để hiển thị, các bạn có thể xem thêm tại đây. Khi mở màn hình Raw Markup của Playground ta sẽ có những hiển thị như sau:

Bạn để ý thấy có những ký hiệu comment như //: ##, //:, ... chúng chính là những format comment để chúng ta có thể nhìn một cách trực quan và đẹp hơn. Playground này khi chuyển sang màn hình Documentation thì như sau:

Các bạn có thể tuỳ chỉnh làm sao khác và đẹp hơn mình. Các bạn có thể xem thêm những kiểu format tại đây.

Những thuộc tính trong màn hình kết quả (Result View):

- Bạn có thể hiển thị, ẩn, và thay đổi kích thước của màn hình Result View. Bằng cách nhấn vào nút The Results button (../Art/pg_playground_probe.shot/Resources/shot_2x.png) bên cạnh những chữ trong màn hình Result View.

Trong màn hình result view các bạn có thể tuỳ chỉnh xem theo 3 dạng như đồ thị, giá trị hiện tại và danh sách những giá trị:


- Ngoài ra, bạn có thể xem nhanh bằng cách nhấn vào nút Quick Look button (../Art/pg_quicklook_icon.shot/Resources/shot_2x.png) để có thể xem kết quả đó trong 1 dialog:  


Mình xin hết tại đây, các bạn có thể download file ví dụ về playground của mình tại đây. Chúc các bạn thành công.

Công cụ để viết: XCode 6.3, iOS 8.3

Tài liệu tham khảo:
https://developer.apple.com/library/ios/recipes/Playground_Help/Chapters/AboutPlaygrounds.html
https://developer.apple.com/swift/blog/?id=26

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.