Hướng dẫn tạo WebView trong Swift

Trong bài hướng dẫn này chúng ta sẽ sử dụng UIWebView để tạo WebView trong Swift .  Ví dụ sẽ minh hoạ việc tải một trang web và có thêm các tuỳ chọn : refesh, stop, go back, foward. Các bạn làm theo từng bước nhé ^^

1. Tạo Project :

Các bạn mở Xcode – Create a new Xcode project – Single View Application chọn ngôn ngữ Swift

2 . Thiết kế giao diện :

• Chọn Main Stroryboard – click vào ViewController

•  Bạn sẽ thấy ViewController khá to, chúng ta sẽ resize lại về kích cỡ của Iphone bằng cách bỏ tick vào Use Auto Layout – click vào Disable Size Classes

• Kéo Web View vào ViewController từ Object Library

• Các bạn kéo Toolbar vào để có thể add các button các tuỳ chọn

• Mặc định khi kéo Toolbar vào các bạn sẽ có 1 Bar Button Item . Các bạn kéo thêm 3 Bar Button Item vào

• Ở cột bên trái các bạn chọn từng Bar Button Item và thiết lập cho nó chức năng. Lần lượt cấu hình chức năng của từng Bar Button Item với Indentifier là : Stop – Refresh – Rewind – Fast Forward . 

3. Trỏ Interface của WebView và các Bar Button Item vào file ViewController.swift :

• WebView 

• Với Bar Button Item các bạn lưu ý kiểu Connection phải là Action 

•  Các Bar Button Item khác các bạn làm tương tự, xong xuôi như hình sau là ok

4. Code thôi ^^ :

Các bạn mở file ViewController.swift và code như sau

5. Run Simulator và thử các chức năng:

[ Các bạn có thể comment ở dưới bài viết nếu gặp khó khăn.Chúc các bạn thành công !