/ / Lập trình ios / Comments (3)

Tạo chương trình IOS đầu tiên với swift trên Xcode

Qua những bài trước mình đã giới thiệu cho các bạn cài đặt iOS SDK và Xcode trên Windows và những thông tin cơ bản về ngôn ngữ lập trình swift,với những kiến thức đó chúng ta hoàn toàn có thể bắt tay tạo 1 chương trình đơn giản.Trong bài hôm nay mình sẽ hướng dẫn cho những bạn mới tìm hiểu về ngôn ngữ lập trình này cách xây dựng chương trình IOS đầu tiên với swift trên Xcode.

Khởi động Xcode và tạo chương trình mới.

– Bước đầu các bạn khởi động Xcode lên và chọn “Create a new Xcode project”.

Khởi động xcode

Khởi động xcode


– Lúc này một cửa sổ mới được hiển thị ra,mặc định bên trái nó sẽ hiện thị tab Application của IOS,còn bên phải bạn chọn “Single View Application” để tạo một giao diện người dùng đơn.
Tạo một giao diện người dùng đơn trên Xcode.

Tạo một giao diện người dùng đơn trên Xcode.

– Sau khi ấn “Next” sẽ hiển thị lên một cửa sổ mới cho phép ta cấu hình cơ bản cho ứng dụng

Cấu hình chung cho ứng dụng Xcode

Cấu hình chung cho ứng dụng Xcode


Trong đó chúng ta cần nhập các thông tin sau:

  1. Product Name: Tên ứng dụng của bạn,ở trên mình đặt là
  2. Organization Name: tên cơ quan, tổ chức hoặc tên lập trình viên
  3. Organization Identifier: tên định danh của cơ quan, tổ chức hoặc của lập trình viên
  4. Language: chúng ta đang nghiên cứu Swift lên sẽ chọn ngôn ngữ lập trình là swift
  5. Devices: thiết bị mà bạn sẽ lập trình để ứng dụng chạy trên nó. Có thể là iPhone, iPad và Universal.

– Sau khi ấn “Next” sẽ hiển tị lên màn hình cho phép bạn lưu ứng dụng

Lựa chọn nơi lưu ứng dụng của bạn

Lựa chọn nơi lưu ứng dụng của bạn

Giao diện ứng dụng

– Khi dự án được tạo và lưu thành công, cửa sổ chính của Xcode được hiện lên.Bên trái bao gồm danh sách các tập tin có trong project:

Màn hình bên trái ứng dụng

Màn hình bên trái ứng dụng

  1. Các file .swift: là các tập tin dùng để viết mã điều khiển đối tượng.
  2. Các file .storyboard: Giúp thiết kế giao diện người dùng

– Phía trên là một thanh công cụ hiển thị các tuỳ chọn hữu ích, ví dụ:biên dịch và chạy ứng dụng…
– Ở giữa là nơi thiết kế giao diện và viết mã nguồn.

Xây dựng giao diện người dùng

– Như giới thiệu bên trên thì file .storyboard cho phép ta thiết kế giao diện người dùng bằng hình thức kéo thả các button,label..Sau khi vào file main.storyboard ở bên trái lúc này ở giữa sẽ hiển thị ra 1 giao diện chính để thiết kế

Giao diện chính thiết kế

Giao diện chính thiết kế


– Đây là bài đầu tiên lên mình sẽ chỉ hiển thị dòng chữ Hello world lên 1 đối tượng label trong ứng dụng,các bạn vào phần công cụ bên phải ở dưới cùng lựa chọn vào công cụ label và kéo sang giao diện main.storyboard
Kéo label từ thanh công cụ bên phải sang giao diện hiển thị

Kéo đối tượng label từ thanh công cụ bên phải sang giao diện hiển thị


– Ở bên phải ngay phía trên là các tuỳ chọn cho label đó như màu chữ,viết text,màu chữ…
Tuỳ chỉnh cho đối tượng

Tuỳ chỉnh cho đối tượng


Ở ví dụ trên mình sử dụng màu đỏ,cỡ chữ 40 và căn chỉnh giữa.
– Sau khi thiết kế xong chúng ta nhìn lên thanh công cụ trên cùng và thực hiện chạy thử ứng dụng
Ấn vào hình tam giác để chạy chương trình

Ấn vào hình tam giác để chạy chương trình


Sau khi chạy thử chương trình các bạn sẽ thấy ngay kết quả dòng chữ Hello world
Ứng dụng hello world với swift  trên Xcode

Ứng dụng hello world với swift trên Xcode

Tổng kết: Qua bài viết này mình đã giới thiệu cho các bạn chạy 1 ứng dụng nhỏ trên Xcode và 1 số cấu hình cơ bản trên đó,sang những bài tiếp theo chúng ta sẽ tiếp tục đi tìm hiểu về tạo ứng dụng với ngôn ngữ lập trình swift này.



26/09/2015
Tags:
Written by admin

Hiện do a Tuyền (nguyên adminsite hocphp.info) không còn thời gian để phát triển site, nên do có cơ duyên và được a tin tưởng để cho mình tiếp tục phát triển. Hi vọng mọi người cùng nhau phát triển và chia sẽ nhiều hơn nữa, ngoài ra mình cũng cố gắng chia sẽ các seri về web cũng như các ngôn ngữ khác chất nhất có thể. có gì thiếu sót hi vọng mọi người bỏ qua.

Bài viết chùng chuyên mục

3 Comments

  1. CuongNV says:
     /  Reply

    Ad nên tạo 1 series để hướng dẫn lập trình với swift, như vậy sẽ đem lại hiệu quả cho việc học, cũng như hệ thống lại kiến thức tốt hơn!!

    • nobitacnt says:
       /  Reply

      Cảm ơn bạn,do hiện tại mình đang làm 2 series khác lên chưa làm series này được, khi nào rảnh mình sẽ quay video hướng dẫn

  2. http://www.seniorcarinsurance.dynddns.us/ says:
     /  Reply

    Dear sir I recently lost my N73 music addition cell. My emie no.imei: 358973017174877 missed date:16.06.2008–time 07.20pm my contact number:09893232130 Please help me find my mobile ajay khanna

Gửi bình luận

Giới thiệu

Mình tạo ra blog này với mong muốn chia sẻ và học hỏi kinh nghiệm trong quá trình thiết kế website. Website đang trong quá trình phát triển chân thành cảm ơn mọi sự góp ý của các bạn để làm cho website ngày càng hoàn thiên.

DMCA.com Protection Status
Liên hệ
Theo dõi qua Email

Tổng hợp các bài viết về

Hoc php - CodeIgniter Framework - Laravel Framework - PHP va MYSQL