iOS Web View

Web View’i uygulamamızın içinde kullanabildiğimiz bir browser olarak nitelendirilebiliriz.

Web view’i siz değerli okuyucularıma anlatırken,

Web view’i bir URL’e yönlendirme,
Web view’e bir HTML string’i yükleme,
Web view’i stop etme,
Web view reload etme

özelliklerini kullanacağım.

Projemi oluşturup ekrana 1 tane Web View ve 5 tane buton koyuyorum. Butonlara “My Twitter”, “Google”, “About Me”, “Reload”, “Stop” şeklinde başlıklar verdim.

My Twitter -> Twitter sayfamı yükleyecek
Google -> Google’ı yükleyecek
About Me -> Hakkımda sayfasını benim verdiğim HTML String ile yükleyecek
Reload -> Mevcut sayfayı yeniden yükleyecek
Stop -> Mevcut sayfanın yüklenmesini durduracak

Web view’i outlet, Butonları’da action olarak tanımlıyorum. Uygulama ilk açıldığı zaman, herhangi bir sayfa yüklemeyeceğim. Kullanıcı butonlara basınca sayfaların yüklenmesini istiyorum.

Ayrıca, sayfalar yüklenirken, kullanıcının sayfanın yüklendiğini anlaması için “Activity Indicator” kullanacağım. Activity Indicator View’i browser’ın ortasına gelecek şekilde ekliyorum.

Özelliklerde Behaviour’a geliyorum, Animating ve Hides When Stopped’ı seçiyorum. Bunlar bana activity indicator’ın çalışmasını ve ben stop ettiğim zaman ekrandan kaybolmasını sağlayacak.

Daha sonra da outlet olarak .h’a tanımlıyorum.

.h dosyamız

//
//  ViewController.h
//  Web View
//
//  Created by Muhammed on 19.05.2014.
//  Copyright (c) 2014 Muhammed. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UIWebViewDelegate>
@property (weak, nonatomic) IBOutlet UIWebView *webView;

- (IBAction)btnTwitter:(id)sender;
- (IBAction)btnAboutMe:(id)sender;
- (IBAction)btnGoogle:(id)sender;
- (IBAction)btnReload:(id)sender;
- (IBAction)btnStop:(id)sender;
@property (weak, nonatomic) IBOutlet UIActivityIndicatorView *activityIndicator;

@end

// ViewController.h

// Web View

// Created by Muhammed on 19.05.2014.

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UIWebViewDelegate>

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

- (IBAction)btnTwitter:(id)sender;

- (IBAction)btnAboutMe:(id)sender;

- (IBAction)btnGoogle:(id)sender;

- (IBAction)btnReload:(id)sender;

- (IBAction)btnStop:(id)sender;

@property (weak, nonatomic) IBOutlet UIActivityIndicatorView *activityIndicator;

@end

.m dosyamız:

//
//  ViewController.m
//  Web View
//
//  Created by Muhammed on 19.05.2014.
//  Copyright (c) 2014 Muhammed. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    //uygulama ilk açıldığında activity indicator'ın görünmemesini sağlıyor
    [_activityIndicator stopAnimating];
    
    //web view'e delegatelerine erişebilmesi için, bu class'a bakmasını söylüyorum.
    _webView.delegate=self;

}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];

}

- (IBAction)btnTwitter:(id)sender {
    //twitter adresimi yüklüyor
    [_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.twitter.com/oz_muhammed" ]]];
}
- (IBAction)btnAboutMe:(id)sender {
    //benim verdiğim html string'i yüklüyor
    [_webView loadHTMLString:@"Hi, <br> My name is <b>Muhammed</b> <br><br>To see detailed information, please visit : http://kod5.org/yazar/muhammed-ozdemir/ " baseURL:nil];
}

- (IBAction)btnGoogle:(id)sender {
    //google'ı yüklüyor
    [_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.google.com" ]]];
}

- (IBAction)btnReload:(id)sender {
    //mevcut sayfayı yeniden yüklüyor.
    [_webView reload];
}

- (IBAction)btnStop:(id)sender {
    //yüklenmekte olan sayfanın yüklenmesini iptal ediyor.
    [_webView stopLoading];
}

-(void)webViewDidStartLoad:(UIWebView *)webView{
    //web view bir sayfayı yüklemeye başlayınca bu metoda düşer.
    //bende burada activity indicator'ı çalıştırmaya başlıyorum.
    [_activityIndicator startAnimating];
    
}

-(void)webViewDidFinishLoad:(UIWebView *)webView{
    //web view bir sayfayı yüklemeyi bitirdiğinde bu metoda düşer.
    //bende burada activity indicator'ı çalıştırmayı bitiriyorum.
    [_activityIndicator stopAnimating];

}

@end

// ViewController.m

// Web View

// Created by Muhammed on 19.05.2014.

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad

{

[super viewDidLoad];

//uygulama ilk açıldığında activity indicator'ın görünmemesini sağlıyor

[_activityIndicator stopAnimating];

//web view'e delegatelerine erişebilmesi için, bu class'a bakmasını söylüyorum.

_webView.delegate=self;

}

- (void)didReceiveMemoryWarning

{

[super didReceiveMemoryWarning];

}

- (IBAction)btnTwitter:(id)sender {

//twitter adresimi yüklüyor

[_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.twitter.com/oz_muhammed" ]]];

}

- (IBAction)btnAboutMe:(id)sender {

//benim verdiğim html string'i yüklüyor

[_webView loadHTMLString:@"Hi, My name is Muhammed To see detailed information, please visit : http://kod5.org/yazar/muhammed-ozdemir/ " baseURL:nil];

}

- (IBAction)btnGoogle:(id)sender {

//google'ı yüklüyor

[_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.google.com" ]]];

}

- (IBAction)btnReload:(id)sender {

//mevcut sayfayı yeniden yüklüyor.

[_webView reload];

}

- (IBAction)btnStop:(id)sender {

//yüklenmekte olan sayfanın yüklenmesini iptal ediyor.

[_webView stopLoading];

}

-(void)webViewDidStartLoad:(UIWebView *)webView{

//web view bir sayfayı yüklemeye başlayınca bu metoda düşer.

//bende burada activity indicator'ı çalıştırmaya başlıyorum.

[_activityIndicator startAnimating];

}

-(void)webViewDidFinishLoad:(UIWebView *)webView{

//web view bir sayfayı yüklemeyi bitirdiğinde bu metoda düşer.

//bende burada activity indicator'ı çalıştırmayı bitiriyorum.

[_activityIndicator stopAnimating];

}

@end

NOT: Kod içerisindeki açıklama satırları,Web View’i anlamanızın en iyi yolu diye düşünüyorum.

Ekran Görüntüleri:

Bir sayfa yüklenirken:

Bir sayfa yüklendikten sonra:

Html String yüklendikten sonra:

Uygulama dosyaları için : https://github.com/ozdemirmuhammed/Web-View

Muhammed ÖZDEMİR

Türk Telekom Şirketinde CRM Çözümlerinde Teknik Analist olarak görev yapmaktayım. Geçmişte ise iOS uygulama geliştirici olarak çalıştım. Bilginin ve paylaşmanın gücüne can-ı gönülden inanırım..

Ekran Görüntüleri:

Benzer Yazılar