Bài 06: Làm việc với UITextField

Tiếp tục loạt bài về lập trình iOS cơ bản, 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à UITextField. Đây là UI được sử dụng để nhập text vào ứng dụng.

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

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

  • Như các bài trước mình đã giới thiệu, bạn muốn thiết kế UI control nào thì chỉ cần chọn Library rồi tìm UICotrol mình muốn và kéo thả vào Main.stroryboard. Ở đây là UITextField cũng vậy, sau đó điều chỉnh các thuộc tính tại menu Show Attributes Inspector.
uitextfield
Hình 1.1 Các thuộc tính của UITextfield

Bước 2: Tạo outlet, action cho UITextfield

  • Vào menu Adjuts Editor options → Assistant (control + option + cmd + enter) để chia đôi màn hình. Sau đó tạo outlet và action cho UITextField.
outlet textfield
Hình 1.2 Tạo Outlet cho UITextField
  • Lưu ý khi tạo action cho UITextField các bạn nhớ chú ý và mục event để có thể bắt được các tương tác của user đối với UITextField (ở đây mình chọn Editing Changed).
action textfield
Hình 1.3 Tạo Action cho UITextField
  • Trong action UITextField thêm dòng code “print(myTextField.text ?? “”)“. Chạy thử project và nhấn vào UITextField, bạn gõ bàn phím laptop hay bàn phím ảo trên máy ảo nếu console in ra các text là thành công.
result uitextfield
Hình 1.4 Kết quả

2. Tạo UITextField 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 UITextField.

  • Đây là kết quả khi chạy đoạn code trên.
textfield with code
Hình 2.1 Tạo UITextField 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