Bài 11: Game Bài Cào

bài cào

Để ứng dụng control UIImage mình đã giới thiệu ở bài trước hôm nay mình sẽ hướng dẫn các bạn tạo một game bài cào đơn giản.

1. Thiết kế giao diện ứng dụng

Đầu tiên các bạn tải hình ảnh của 52 lá bài theo link sau: https://bit.ly/2MGm02A

Tiếp theo các bạn tạo project và kéo thư mục các lá bài vừa tải vào project:

Thêm hình ảnh vào project
Hình 1.1 Thêm hình ảnh vào project

Sau đó các bạn thiết kế ứng dụng có giao diện như sau:

Giao diện game bài cào
Hình 1.2 Giao diện game bài cào

Trong game này chúng ta sẽ có 6 UIImage và mặc định sẽ set hình là bài úp, ngoài ra còn có 2 UILabel để giới thiệu phần bài nào của chúng ta và của máy, 2 UIButton để điều khiển game.

2. Ánh xạ Outlet, Action

Sau khi thiết kế giao diện xong các bạn tiến hành ánh xạ Outlet và Action. Hai UILabel chỉ để giới thiệu nên ở đây không cần Outlet, chúng ta sẽ ánh xạ Outlet cho 6 UIImage và Action cho hai UIButton điều khiển.

Ánh xạ Outlet và Action
Hình 2.1 Ánh xạ Outlet và Action

Sau khi làm xong chúng ta sẽ qua bước 3.

3. Thực hiện code logic cho game

Các bạn có thể tham khảo source code của game tại đây: https://bit.ly/31JxlmJ

Sau khi thực hiện code logic của game xong chúng ta sẽ được một game bài cào khá thú vị:

Game bài cào
Hình 3.1 Game bài cào

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.

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

Leave a Reply

Your email address will not be published. Required fields are marked *