Bài 10: UIImageView

UIImageView

Chào các bạn, hôm nay mình sẽ giới thiệu UIControl tiếp theo trong iOS là UIImageView. Control này dùng để hiển thị hình ảnh trong app cả local lẫn hình ảnh từ URL.

1. UIImage với ảnh local

Trước tiên, các bạn chuẩn bị một hình ảnh bất kì rồi kéo vào project.

kéo ảnh vào project
Hình 1.1 Chuẩn bị hình ảnh local

Tiếp theo các bạn vào Library kéo thả UIImageView vào Main.stroryboard.

tạo uiimageview
Hình 1.2 Kéo thả UIImageView

Các bạn chú ý Content Mode của UIImageView mỗi content mode thì hình ảnh sẽ hiển thị một cách khác nhau, tuỳ vào yêu cầu mà chọn một loại phù hợp.

Các bạn Run project và sẽ thấy hình ảnh hiển thị lên, vậy là xong phần load ảnh từ local.

Load ảnh từ local
Hình 1.3 Load ảnh từ local

2. Hiển thị ảnh từ URL

Tiếp tục với project đã tạo ở trên các bạn thêm UIButton và ánh xạ outlet, action vào để chúng viết hàm load ảnh từ URL.

Thiết kế màn hình load ảnh từ URL
Hình 2.1 Thiết kế màn hình load ảnh từ URL

Các bạn tham khảo đoạn code sau để load hình ảnh từ URL.

Khi bấm vào nút “Load Image From URL” thì bức ảnh sẽ được tải về và hiển thị trên UIImageView. Tốc độ hiển thị của hình ảnh phụ thuộc vào chất lượng tấm ảnh và tốc độ đường truyền mạng.

Kết quả load ảnh từ URL
Hình 2.3 Kết quả load ảnh từ URL

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