HƯỚNG dẫn sử DỤNG TAB BAR VIEWCONTROLLER và mở WEBVIEW IMAGEVIEW MAPKIT

HƯỚNG DẪN SỬ DỤNG TAB BAR VIEWCONTROLLER VÀ MỞ WEBVIEW IMAGEVIEW MAPKIT Tab Bar rất phổ biến trong ứng dụng ios .Ngay trên Ứng dụng Appstore tab bar sử dụng để phân ra các chủ đề.. Tro

HƯỚNG DẪN SỬ DỤNG TAB BAR VIEWCONTROLLER VÀ MỞ WEBVIEW

IMAGEVIEW MAPKIT

Tab Bar rất phổ biến trong ứng dụng ios Ngay trên Ứng dụng Appstore tab bar sử dụng để phân ra các chủ đề Quan điểm trang trí tabbar rất tiện lợi cho người sử dụng Trong hướng dẫn này mình sẽ làm rõ vấn đề sau:

1 -Làm thế nào để tạo tabBar điều khiển

2- Mở một trang Web lên WebView trong tabbar

3- Mở image trên ImageView trong tabbar

4- Mở mapKit trên mapView trong tabbar

Chúng ta bắt đầu nào!

Làm thế nào để tạo tabBar điều khiển:

khởi tạo project mới đặt tên!

– vào mainStory board:

click vào viewcontroller chọn editor ->embed in để kết nối trong đây có kết nối navigation và tab bar Controller.Bài này chúng ta làm việc với tabbar chọn kết nối tab bar Controller

sau khi kết nối nó trông như thế này!

Như vậy chúng ta đã kết nối tabbar cho viewcontroller

Tuy nhiên để thêm một tab nữa ta làm như thế nào?

Để thêm một tab nữa ta làm như sau!

Ta kéo thêm 2 viewcontroller mới!

Để kết nối 2 view chúng ta vừa tạo ra giữ Ctrl vào Tab Bar Viewcontroller kéo vào từng view để thêm kết nối!lưu ý chúng ta phải chọn đúng Relationship Segue chọn view controllers

tương tự với 2 viewcontroller !!! để tuỳ chỉnh các type:

chọn tab cần thay đổi!chọn system item để lựa chọn chúng ta cũng có thể thêm image

từ ngoài vào! Lưu ý ảnh image chỉ dùng ảnh đen trắng vì dùng ảnh mầu nó cũng chuyển về đen trắng!

ok sau khi chỉnh sửa và làm theo các bước trên chúng ta sẽ trông như thế này!

ok như thế chúng ta đã kết nối được nhiều viewController sử dụng các tab

Mở một trang Web lên WebView trong tabbar:

kéo webView vào trong tab Search!để thực hiện mở web Site!

tạo class quản lý search!

Kết nối class với view!

Tạo property để load request!kéo webview vào webviewController

1 @property( weak, nonatomic ) IBOutlet UIWebView *webView;

trong Viewdidload

1 - ( void ) viewDidLoad {

2 [ super viewDidLoad ] ;

3 NSString *strUrl=@ "https://www.google.com.vn/" ;

4 NSURL *url= [[ NSURL alloc ] initWithString:strUrl ] ;

5 NSURLRequest *request= [ NSURLRequest requestWithURL:url ] ;

6 [ self.webView loadRequest:request ] ;

7 }

strUrl lấy url web-sau đó chuyển nó thành url- Chuyển url thành request để có thể gửi được – sau đó ta gửi request, load requset và đưa kết quả vào web view để đọc!

Biên dịch ta được kết quả !

Tuy nhiên có rất nhiều trang web sử dụng htpp mặc định của web view xcode mới là https cho nên không thể mở được web để có thể mở được ta thêm cấu hình htpp trong infor!

1 app transport security settings

ok!

Mở image trên ImageView trong tabbar

trong tab feature!

kéo image vào!

tạo class quản lý featured!

Kết nối class quản lý với View!

Tạo property để set image!

1 @property( weak, nonatomic ) IBOutlet UIImageView *imageView;

link ảnh:

1 https ://www.google.com/search?q=devproSplash&espv=2&biw=1721&bih=918&source=lnms&tbm=isch&sa=X&ved= 0ahUKEwiEzv3V-bLMAhUliKYKHXXADMYQ_AUIBygC

kéo ảnh vào source code!

chúng ta muốn cho load ngay khi khởi động!

set image cho ảnh gọi đến tên ảnh cần xét !

1 - ( void ) viewDidLoad {

2 [ super viewDidLoad ] ;

3 self.imageView.image= [ UIImage imageNamed:@ "devproSplash.png" ] ;

4 }

chạy thử và đến tab featured!kết quả là:

Mở mapKit trên mapView trong tabbar

trong hướng dẫn này mình đang hướng dẫn dùng tab bar nên sẽ không đi sâu mapkit: tìm đường đi,định vị … mà chỉ giúp các bạn mở mộtmapkit như thế nào mình sẽ hướng dẫn cụ thể sử dụng mapkit trong những bài tiếp theo! :)ok!

trong tab more:

kéo map kit vào!

tạo class quản lý mapkit đặt tên “mapViewController” kết nối class quản lý tương tự như trên!

Ở đây mình chỉ mở mapkit nên chúng ta làm như sau:click vào tabbar build

phasesphase!nhấn vào nút + vào tìm kiếm mapkit sau đó add là ok!

biên dịch thử chúng ta đã mửo được mapKit:

như vậy mình đã hướng dẫn cho các bạn các tạo tabbar như thể nào và mở mapKit, set image,Load một trang web!