Bài 12: UISwitch

UISwitch

Là một control trong iOS cho phép chúng ta lựa chọn binary choice có nghĩa là chỉ có đúng hoặc sai, bật hoặc tắt.

Để hiểu rõ hơn chúng ta sẽ cùng làm một ví dụ đơn giản là hiển thị hình ảnh cho UIImageView với một nút bật tắt, tuỳ vào trạng thái của nút mà hiện thị một tấm ảnh khác nhau.

1. Tạo project

  • Đầu tiên các bạn tạo một project vào thiết kế giao diện như sau:
UISwitch
Hình 1.1 UISwitch
  • Sau đó các bạn kéo 2 hình ảnh bất kì vào project:
Hình ảnh cho app
Hình 1.2 Hình ảnh cho app

Chọn hình ảnh cho UIImageView là hình “1” để khi chạy app lên ta thấy được hình “1” hiển thị.

2. Ánh xạ outlet, action và viết code

Các bạn ánh xạ oulet cho UIImageView và acticon cho UISwitch:

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

Trong action của UISwitch thêm đoạn code sau để thay đổi hình ảnh khi các bạn nhấn vào UISwitch:

Chạy project nhấn vào UISwitch các bạn thấy hình ảnh thay đổi là thành công.

Hiển thị ảnh 1 khi UISwitch on
Hình 2.2 Hiển thị ảnh 1 khi UISwitch on
Hiển thị ảnh 2 khi UISwitch off
Hình 2.3 Hiển thị ảnh 2 khi UISwitch off

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 *