Bài 28: WebView

WebView

Trong một số trương hợp ứng dụng chúng ta cần hiển thị một trang web hoặc một file html lúc này WebView sẽ giúp chúng ta.

Trong bài này mình sẽ hướng dẫn các bạn làm một trình duyệt Web đơn giản.

1. Thiết kế giao diện

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

Webkit View
Hình 1.1 WebKit View

Ở phía dưới UIView chúng ta thêm 2 UIButton để điều khiển trình duyệt.

Giao diện trình duyệt Web
Hình 1.2 Giao diện trình duyệt Web

Tiếp theo các bạn ánh xạ Outlet cho WebKit View và Action cho 2 UIButton:

Ánh xạ Outlet, Action
Hình 1.3 Ánh xạ Outlet, Action

2. Thực hiện code các chức năng

Các bạn vào ViewController.swift và thực hiện code các chức năng của trình duyệt.

Các bạn tham khảo đoạn code sau:

Đoạn code trên sẽ làm WebView Kit load trang Google.com, ở phía dưới sẽ có 2 UIButton Next và Back để điều khiển cùng với logic ẩn hiện hai UIButton này.

Chạy project các bạn sẽ có được một trình duyệt Web đơn giản:

Trình duyệt Web
Hình 2.1 Trình duyệt Web

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