Xây dựng ứng dụng trên iPhone (P1)

Share:

Trong chuỗi bài học về xây dựng ứng dụng iPhone này mình sẽ giới thiệu tới các bạn về cách thức làm việc với 1 ứng dụng master-detail. Trong 1 bài viết lần trước thì mình đã giới thiệu về cách thiết lập môi trường để phát triển ứng dụng iOS. Có sẵn đam mê, các bạn không cần phải chần chừ nữa hãy bắt đầu ngay nào!

Bắt đầu lập trình ứng dụng iPhone

Ở phần này mình sẽ cùng các bạn tiến hành những thao tác đầu tiên để tạo ra một ứng dụng iphone hoàn chỉnh.

Giao diện ứng dụng:

Hình phía dưới là giao diện sau khi hoàn thiện của ứng dụng.

firstiphoneapp1

Tạo mới rồi chạy thử project với Xcode

Setup môi trường

Để tạo ra ứng dụng trên iOS thì bạn cần phải cài Xcode từ phiên bản 4.3 trở lên. Xcode là môi trường phát triển tích hợp của Apple (IDE) cho cả Mac OS X và iOS. Khi cài đặt Xcode trên máy MAC, bạn sẽ tải về tiếp bộ iOS SDK, nó bao gồm những giao diện lập trình trên nền tảng iOS.

Tạo mới project

1. Mở Xcode (Mặc định nó được cài sẵn ở /Applications)

firstiphoneapp3

2. Ở cửa sổ Welcome to Xcode, nhấp chọn “Create a new Xcode Project” (hay lựa chọn file -> new -> new project). Xcode sẽ mở ra 1 window mới rồi hiển thị 1 hộp thoại bạn có thể chọn 1 mẫu. Xcode bao gồm 1 số đượng xây dựng trong những mẫu ứng dụng mà các bạn có thể dùng để phát triển những phong cách phổ biến của ứng dụng iOS. Chẳng hạn, mẫu Tabbed tạo ra 1 ứng dụng mà là tương đương như iTune và mẫu Master chi tiết tạo ra 1 ứng dụng mà tương đương như Mail.

3. Ở danh mục iOS bên trái hộp thoại, chọn vào Application

4. Ở phần danh sách nhóm project thuộc  Applicaiton, chọn Single View Application rồi nhấp vào Next.

firstiphoneapp4

5. Điền thông tin vào những ô nhập  Product Name, Company IdentifierClass Prefix

Thông tin Project:

firstiphoneapp6

6. Ở Pop-up menu Device Family, bạn hãy chắc chắn đã chọn thiết bị là iPhone

7. Chắc chắn là hai tùy chọn Use StoryboardUse Automatic Reference Counting đã được chọn lựa còn ta sẽ bỏ qua tùy chọn Include Unit Tests

8. Nhấn nút Next

9. Lựa chọn folder lưu trữ Project của bạn (không chọn  Source, Control) và chọn Create. Xcode sẽ mở dự án mới của bạn ở 1 cửa sổ tương tự như sau:

firstiphoneapp7

Bạn cần bỏ thời gian ra tầm vài phút để làm quen với cách làm việc của Xcode. Bạn cần dùng những button và những khu vực xác định bên trong cửa sổ b dưới xuyên suốt phần còn lại của TUT này.

firstiphoneapp2

Chạy thử ứng dụng trên iPhone Simulator

  1. Hãy chắc chắn bạn đã lựa chọn HelloWorld > iPhone 6.0 Similator trên thanh công cụ Xcode
  2. Nhấn nút RUN trên thanh công cụ Xcode (hay chọn Product > Run)

 

 

 

 

 

 

 

Share:

Leave a reply