Bài 08: Ứng dụng cộng hai số

Ứng dụng cộng hai số

Hôm nay mình sẽ hướng dẫn các bạn làm một app đơn giản cộng hai số tự nhiên, ứng dụng những UICotrol mà mình đã giới thiệu ở các bài trước: UILabel, UITextFiled, UIButton.

Để phát triển một ứng dụng iOS thường trải qua 3 bước cơ bản: thiết kế giao diện, thiết lập outlet và action cho control trong giao diện và viết code logic cho ứng dụng.

1. Thiết kế giao diện

Các bạn tạo một project Single View App, sau đó thiết kế giao diện như hình dưới đây:

ui ứng dụng cộng hai số
Hình 1.1 Giao diện ứng dụng cộng hai số tự nhiên

Các vào menu Show Attributes Inspector để chỉnh các thuộc tính cho các control nhé nếu không nhớ có thể tham khảo các bài viết trước của mình.

Lưu ý: các bạn nhớ chọn bàn phím cho TextFiled là bàn phím số nhé.

Chọn bàn phím số cho TextField
Hình 1.2 Chọn bàn phím số cho TextField

2. Thiết lập các outlet, action cho các control

Các bạn chia đôi màn hình bằng menu Adjust Editor Option → Assistant (control+option+cmd+enter) để ánh xạ các outlet và action cho app.

ánh xạ outlet action
Hình 2.1 Ánh xạ outlet action

3. Code logic cho ứng dụng

Các bạn tham khảo đoạn code sau đây:

Và đây là kết quả, chúng ta có một app cộng hai số tự nhiên.

Ứng dụng cộng hai số tự nhiên
Hình 3.1 Ứng dụng cộng hai số tự nhiên

Đây là link github source code các bạn có thể tham khảo. Chúc các bạn thành công.

Cảm ơn bạn đã theo dõi bài viết, nếu có thắc mắc gì vui lòng để lại bình luận bên dưới. 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