Bài 05: Làm việc với UIButton

Làm việc với UIButton

Hôm nay, mình sẽ giới thiệu với các bạn một control UI tiếp theo trong iOS đó là UIButton. Đây là một trong những UI được sử dụng nhiều nhất để người dùng tương tác với ứng dụng.

Tương tự như UILabel mình đã nói ở bài trước UIButton cũng có 2 cách khởi tạo đó là: kéo thả vào storyboard và viết thuần code.

1. Tạo UIButton bằng cách kéo thả

Bước 1: Thiết kế UIButton

  • Chọn vào Main.storyboard để bắt đầu, chọn Library → UIButton và kéo thả vào Main.stroryboard. Các bạn có thể điều chỉnh các thuộc tính của UIButton tại menu Show Attributes Inspector.
kéo thả uibutton
Hình 1.1 Các thuộc tính cơ bản của UIButton
  • Ở menu Show Attributes Inspector, kéo xuống phần view các bạn có thể chỉnh màu background Button cũng như các thuộc tính View nâng cao khác.
background uibutton
Hình 1.2 Chỉnh background UIButton

Bước 2: Tạo action cho Button

  • Chọn vào menu Adjuts Editor options → Assistant (control + option + cmd + enter) để chia đôi màn hình. Sau đó ánh xạ button vào ViewController chọn kiểu Connection là Action.
ánh xạ button
Hình 2.1 Ánh xạ action cho Button

Trong hàm onTapButton vừa mới ánh xạ thêm hàm dòng code “print(“on tap button”)“. Chạy thử project và nhấn vào Button, nếu dưới console in ra dòng chữ “on tap button” là bạn đã tạo action cho Button thành công.

action button
Hình 2.2 Kiểm tra action Button

2. Tạo UIButton bằng code

Các bạn tham khảo đoạn code khởi tạo và bắt sự kiện action cho UIButton.

Đây là kết quả khi chạy đoạn code trên.

button with code
Hình 2.1 Kết quả tạo UIButton bằng code

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