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 phổ biến ứng dụng ios Ngay Ứng dụng Appstore tab bar sử dụng để phân chủ đề Quan điểm trang trí tabbar tiện lợi cho người sử dụng Trong hướng dẫn làm rõ vấn đề sau: -Làm để tạo tabBar điều khiển 2- Mở trang Web lên WebView tabbar 3- Mở image ImageView tabbar 4- Mở mapKit mapView tabbar Chúng ta bắt đầu nào! Làm để tạo tabBar điều khiển: khởi tạo project đặt tên! – vào mainStory board: click vào viewcontroller chọn editor ->embed in để kết nối có kết nối navigation tab bar Controller.Bài làm việc với tabbar chọn kết nối tab bar Controller sau kết nối trông này! Như kết nối tabbar cho viewcontroller Tuy nhiên để thêm tab ta làm nào? Để thêm tab ta làm sau! Ta kéo thêm viewcontroller mới! Để kết nối view vừa tạo giữ Ctrl vào Tab Bar Viewcontroller kéo vào view để thêm kết nối!lưu ý phải chọn Relationship Segue chọn view controllers tương tự với viewcontroller !!! để tuỳ chỉnh type: chọn tab cần thay đổi!chọn system item để lựa chọn thêm image từ vào! Lưu ý ảnh image dùng ảnh đen trắng dùng ảnh mầu chuyển đen trắng! ok sau chỉnh sửa làm theo bước trông này! ok kết nối nhiều viewController sử dụng tab Mở trang Web lên WebView tabbar: kéo webView vào tab Search!để thực 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 @property (weak, nonatomic) IBOutlet UIWebView *webView; Viewdidload - (void)viewDidLoad { [super viewDidLoad]; NSString *strUrl=@"https://www.google.com.vn/"; NSURL *url=[[NSURL alloc]initWithString:strUrl]; NSURLRequest *request=[NSURLRequest requestWithURL:url]; [self.webView loadRequest:request]; } strUrl lấy url web-sau chuyển thành url- Chuyển url thành request để gửi – sau ta gửi request, load requset đưa kết vào web view để đọc! Biên dịch ta kết ! Tuy nhiên có nhiều trang web sử dụng htpp mặc định web view xcode https mở web để mở ta thêm cấu hình htpp infor! app transport security settings ok! Mở image ImageView tabbar 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! @property (weak, nonatomic) IBOutlet UIImageView *imageView; link ảnh: 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! muốn cho load khởi động! set image cho ảnh gọi đến tên ảnh cần xét ! - (void)viewDidLoad { [super viewDidLoad]; self.imageView.image=[UIImage imageNamed:@"devproSplash.png"]; } chạy thử đến tab featured!kết là: Mở mapKit mapView tabbar hướng dẫn hướng dẫn dùng tab bar nên không sâu mapkit: tìm đường đi,định vị … mà giúp bạn mở mộtmapkit hướng dẫn cụ thể sử dụng mapkit tiếp theo! :)ok! 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ự trên! Ở mở mapkit nên làm sau:click vào tabbar build phasesphase!nhấn vào nút + vào tìm kiếm mapkit sau add ok! biên dịch thử mửo mapKit: hướng dẫn cho bạn tạo tabbar thể mở mapKit, set image,Load trang web! [...]... 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... đặ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! ... đó 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!...Tạo property để load request!kéo webview vào webviewController 1 @property (weak, nonatomic) IBOutlet UIWebView *webView; trong Viewdidload 1 - (void)viewDidLoad { 2 3 4 5 6 [super viewDidLoad]; NSString *strUrl=@"https://www.google.com.vn/"; NSURL *url=[[NSURL alloc]initWithString:strUrl]; NSURLRequest *request=[NSURLRequest requestWithURL:url]; [self .webView loadRequest:request]; 7 } strUrl... (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"];