CHƯƠNG II TÌM HIỂU XCODE VÀ IOS SIMULATOR
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (39.29 MB, 420 trang )
2.1 TÌM HIỂU XCODE 5
2.1.1 Giới Thiệu Về Xcode 5
Phần mềm Xcode là bộ công cụ do Apple cung cấp cho các lập trình viên để lập
trình ứng dụng cho các thiết bị chạy hệ điều hành của Apple. Phiên bản mới nhất hiện nay
của Xcode là bản Xcode 5 trên trang Developer của Apple.
Hình 2.1 Phiên bản Xcode 5 trên trang Apple
Giao diện làm việc của Xcode gồm có 5 phần chính : Toolbar, Editor area,
Navigator area, Debug area, Utility area.
- Debug area : đây là vùng hỗ trợ bạn trong quá trình debug lỗi của chương
trình.
- Toolbar area: vùng chứa các công cụ tiện ích giúp bạn có thể đơn giản trong
việc chạy, debug ứng dụng, lựa chọn iOS Simulator, đóng mở các vùng khác…
- Editor area: vùng để bạn thiết kế giao diện, viết và chỉnh sửa code của
chương trình.
- Utility area: vùng này cho phép bạn tùy chỉnh các tham số, giá trị của các đối
tượng trên giao diện, cũng như cho phép bạn kéo thả và sử dụng các đối tượng
13
có sẵn của Xcode như Button, Label, Slider… hay các đoạn code mẫu ( If,
Switch…).
- Navigator area: cung cấp cho bạn một cách nhìn trực quan, tiện lợi cho việc
quản lý ứng dụng, xem thông báo lỗi, tìm kiếm một đoạn code trong chương
trình hay kiểm tra mức độ hoạt động của RAM, CPU khi chạy ứng dụng…
Hình 2.2 Giao diện Xcode
Xcode cũng cung cấp cho bạn một chế độ gỡ lỗi thông minh hỗ trợ bạn trong việc
phát hiện lỗi, cảnh báo lỗi và gợi ý thay thế khắc phục
14
Hình 2.3 Chế độ gỡ lỗi
Hơn thế nữa, kèm theo Xcode là một bộ tài liệu hướng dẫn từng bước, chi tiết và
tiện lợi nhằm hỗ trợ người dùng trong việc lập trình. Trong quá trình viết ứng dụng, nếu
bạn muốn tìm hiểu thêm một đối tượng, bạn có thể sử dụng tới bộ tài liệu này để có được
hướng dẫn, ví dụ minh họa dễ hiểu.
Hình 2.4 Tài liệu hướng dẫn
15
Bạn có thể xem thêm tài liệu về Xcode do Apple cung cấp tại:
https://developer.apple.com/library/ios/documentation/ToolsLanguages/Conceptual/Xcod
e_Overview/About_Xcode/about.html
2.1.2 Thao Tác Tạo Ứng Dụng Mới
Khi khởi động Xcode lên, giao diện hiện ra cho phép bạn tạo một project mới,
hoặc mở lại các project gần đây.
Hình 2.5 Giao diện Xcode khi mở lên
Tại giao diện Xcode, bạn có thể tạo mới một project bằng cách chọn Create new
project. Ngoài ra bạn có thể tạo project mới bằng cách chọn File > New > Project.
16
Hình 2.6 Tạo mới Project bằng Menu
Sau khi chọn New Project, Xcode sẽ yêu cầu bạn lựa chọn một hình thức cho Project
này (ứng dụng cho iPhone hay Mac OS, Single View hay Empty View…). Cách đơn giản
nhất là bạn chọn Single View.
Hình 2.7 Chọn lựa mẫu cho project
17
Tiếp theo đó bạn điền thêm một vài thuộc tính của Project như Product Name,
Organization Name, Company Identifer. Sau đó bạn tiến hành lựa chọn Devices cho
Project (iPhone, iPad hay Universal để viết ứng dụng cho cả hai).
Hình 2.8 Điền thông tin cho project
Tiếp theo bạn chọn nơi lưu trữ Project trên máy tính để lưu Project và chọn Create.
18
Hình 2.9 Chọn nơi lưu Project
Như vậy bạn đã tạo xong một Project mới.
Hình 2.10 Giao diện project mới tạo
19
2.1.3 Tìm Hiểu Giao Diện Xcode Và Một Số Tính Năng
2.1.3.1 Navigator Area
Navigator area cho phép bạn quản lý ứng dụng hiệu quả như quản lý các tập tin,
thư mục, quản lý các thông báo lỗi và cảnh báo, quản lý việc debug…Có thể chia
Navigator area thành hai phần chính là Navigator selector bar và Content area.
Hình 2.11 Giao diện Navigator
Trong Navigator selector bar gồm một số button chính sau:
- Project Navigator (
): dùng để quản lý các tập tin của ứng dụng như thêm,
xóa, gom nhóm…Các tập tin quản lý sẽ được thể hiện trong Content area.
20
- Find Navigator (
): sử dụng để tìm kiếm một cách nhanh chóng các string
trong ứng dụng, tìm kiếm nội dung mở rộng.
- Issue Navigator (
): quản lý các thông báo lỗi, cảnh báo của ứng dụng.
- Debug Navigator(
): theo dõi quá trình debug ứng dụng.
2.1.3.2 Editor Area
Editor area cho phép bạn thiết kế giao diện, viết và sửa code cho ứng dụng. Khi
bạn chọn tập tin storyboard bên Content area thì Editor area sẽ hiển thị giao diện
Interface Builder cho bạn thiết kế giao diện. Tương tự với tập tin .m và .h thì Editor area
sẽ hiển thị nội dung code của tập tin.
Hình 2.12 Giao diện ứng dụng
21
Hình 2.13 Giao diện code
Editor area còn cho phép bạn quản lý các đối tượng trong giao diện một cách chi
tiết hơn. Trong phần Interface Builder, bạn chọn button Show Document Outline (
) bên góc trái màn hình, bạn sẽ thấy được một vùng quản lý phân cấp các đối
tượng.
22
Hình 2.14 Giao diện quản lý chi tiết
2.1.3.3 Toolbar Area
Toolbar cho phép thực hiện một số thao tác một cách nhanh chóng thông qua các
Button mà không cần phải dùng tới Menu. Toolbar gồm một số thành phần sau:
- Run button (
): dùng để chạy thử ứng dụng.
- Stop button (
): dùng để dừng việc chạy thử ứng dụng.
- Scheme menu (
): dùng để lựa chọn iOS Simulator
thích hợp để chạy ứng dụng.
- Activity viewer: thông báo trạng thái của ứng dụng, cũng như hiện các trạng
thái lỗi, cảnh báo của chương trình (nếu có).
Hình 2.15 Activity viewer
23
