Bài 30: UITableView

UITableView

UITableView là một control trong iOS dùng để thể hiện một danh sách các item trên màn hình, mỗi item được gọi là cell.

UITableView là một control được sử dụng khá nhiều trong iOS, hôm nay mình sẽ hướng dẫn các bạn từng bước để tạo ra một UITableView.

1. Khởi tạo UITableView

Các bạn tạo project và kéo thả UITableView vào Main.storyboard:

Các thuộc tính của UITableView
Hình 1.1 Các thuộc tính của UITableView

UITableView hiển thị một list các item gọi là cell vì thế chúng ta vào Library kéo thả UITableViewCell vào UITableView:

UITableViewCell
Hình 1.2 UITableViewCell

Chúng ta sẽ cấu hình UITableViewCell để có thể hiển thị đúng theo ý muốn:

Cấu hình UITableViewCell
Hình 1.3 Cấu hình UITableViewCell

Identifiler: đặt tên cho Cell để cho UITableView hiểu là cần load Cell nào.

Style: Ở đây mình sẽ hiển thị trong Cell một UILabel tên món ăn và hình ảnh của món ăn nên sẽ chọn Style là Subtitle.

Tiếp theo chúng ta sẽ ánh xạ Outlet cho UITableView:

Outlet cho UITableView
Hình 1.4 Outlet cho UITableView

2. Hiển thị UITableView

UITableView hiển thị một list các Cell nên chúng ta cần có một mảng dữ liệu để cho UITableView hiển thị, ngoài ra trong demo mình có sử dụng hình các món ăn nên các bạn cần chuẩn bị một list các hình ảnh tương ứng.

Các bạn download hình ảnh tại đây: https://bit.ly/367228N

Tiếp theo chúng ta tiến hành code để hiển thị UITableView:

Chạy project các bạn sẽ thấy UITableView hiển thị list tên các món ăn:

Danh sách các món ăn
Hình 2.1 Danh sách các món ăn

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 *