Bài 02: Các thành phần trong Workspace

Trong bài này, mình sẽ đi sâu vào các thành phần chính trong Workspace

1. Navigator Area

Xcode xây dụng thanh công cụ này giúp chúng ta quản lý project một cách hiệu quả hơn. Tất cả các thành phần như: tập tin, lớp đối tượng, thông báo, lỗi,… đều sẽ được thể hiện qua thanh công cụ này.

navigator
Hình 2.1 Nagivator

2. AppDelegate.Swift

Là file đóng vai trò “cửa ngỏ” để thực thi một số phương thức trước khi chạy ứng dụng. Đây là file quan trọng trong cấu trúc project iOS.

AppDelegate.Swift
Hình 2.2 AppDelegate.Swift

Trong lớp AppDelegate có 6 phương thức. Hiện tại các bạn chưa quan tâm về nó. Tuỳ vào từng nhu cầu cụ thể các bạn sẽ được giới thiệu khi nào dùng chúng.

cac phuong thuc AppDelegate
2.2.1 Các phương thức trong AppDelegate

3. ViewController.swift

Nói cơ bản là file này để các bạn viết code cho chương trình của mình. Xử lý các sự kiện của giao diện, logic… đều được viết ở đây.

ViewController.swift
Hình 2.3 ViewController.swift

4. Main.storyboard

Là nơi thiết kế giao diện người dùng các thành phần giao diện được kéo thả vào và sắp xếp ở đây. Các bạn chú ý dấu mũi tên chỉ vào view đó là view được hiển thị đầu tiên khi Main.storyboard được khởi tạo. Một file storyboard có thể có nhiều view.

Main.storyboard
Hình 4.1 Main.storyboard

5. Asset

Là nơi lưu trữ tất cả hình ảnh được sử dụng trong app.

AppIcon hình icon của app cho từng thiết bị. Mỗi thiết bị sẽ có size icon khác nhau.

AppIcon
Hình 5.1 AppIcon

Các hình ảnh khác được dùng trong app. Mỗi ảnh sẽ có 3 size khác nhau tương ứng với từng loại thiết bị 1x (iPhone 4 và 4s), 2x (iPhone 5, 5c, 5S, 6 và 6s), 3x (các loại iPhone còn lại).

image app
Hình 5.2 Hình ảnh được sử dụng trong app

6. LauchScreen.storyboard

Đây là màn hình chạy đầu tiên khi mở ứng dụng. Mục đích của nó là tăng trải nghiệm người dùng, trong khi ứng dụng của bạn đang chạy các tác vụ bên dưới thì nó có tác dụng như một màn hình chờ. Nó cũng có đầy đủ các thành phần như Main.storyboard

LaunchScreen.storyboard
Hình 6.1 LaunchScreen.storyboard

7. Info.plist

Chúng ta cũng sẽ gặp tới nó khá nhiều khi làm việc. Info.plist cấu hình mọi thứ cho project: tên ứng dụng, phiên bản, storyboard nào chạy đầu tiên, xin quyền camera, … Có hai kiểu xem và edit file Info.plist dạng source code và dạng list.

Info.plist source code
Hình 7.1 Info.plist dạng source code
Info.plist list
Hình 7.2 Info.plist dạng list

Xem thêm video hướng dẫn tại đây.

Bạn có thể tham khảo khoá học lập trình iOS tại laptrinh0kho.com. Các khoá học từ cơ bản đến nâng cao, được thực tập doanh nghiệp. Bạn sẽ được cung cấp kiến thức có hệ thống với đội ngũ giảng viên giàu kinh thực tế và am hiểu sư phạm. Hãy liên hệ ngay để được tư vấn miễn phí theo thông tin bên dưới:

LAPTRINH0KHO.COM

  • 138/36 Nguyễn Xí, P. 26, Q. Bình Thạnh, TP.HCM
  • Hotline: 0347.750.760 (Kết bạn Zalo để tư vấn)
  • Email: laptrinh0kho@gmail.com
  • Website: www.laptrinh0kho.com
  • FanPage : laptrinh0kho.com