萬盛學電腦網

 萬盛學電腦網 >> 網絡編程 >> ios >> IOS中UIWebView加載Loading的實現方法

IOS中UIWebView加載Loading的實現方法

   最近有朋友問我類似微信語音播放的喇叭動畫和界面圖片加載loading界面是怎樣實現的,是不是就是一個gif圖片呢!我的回答當然是否定了,當然不排除也有人用gif圖片啊!

  第一種方法:使用UIView and UIActivityIndicatorView

   代碼如下:

  //創建UIWebView

  WebView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 44, 320, 400)];

  [WebView setUserInteractionEnabled:NO];

  [WebView setBackgroundColor:[UIColor clearColor]];

  [WebView setDelegate:self];

  [WebView setOpaque:NO];//使網頁透明

  NSString *path = @"http://www.baidu.com";

  NSURL *url = [NSURL URLWithString:path];

  [WebView loadRequest:[NSURLRequest requestWithURL:url]];

  //創建UIActivityIndicatorView背底半透明View

  UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];

  [view setTag:103];

  [view setBackgroundColor:[UIColor blackColor]];

  [view setAlpha:0.8];

  [self.view addSubview:view];

  activityIndicator = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 32.0f, 32.0f)];

  [activityIndicator setCenter:view.center];

  [activityIndicator setActivityIndicatorViewStyle:UIActivityIndicatorViewStyleWhite];

  [view addSubview:activityIndicator];

  [self.view addSubview:WebView];

  [view release];

  [WebView release];

  //開始加載數據

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

  [activityIndicator startAnimating];

  }

  //數據加載完

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

  [activityIndicator stopAnimating];

  UIView *view = (UIView *)[self.view viewWithTag:103];

  [view removeFromSuperview];

  }

  第二種方法:使用UIAlertView and UIActivityIndicatorView

   代碼如下:

  //加載網頁動畫

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

  if (myAlert==nil){

  myAlert = [[UIAlertView alloc] initWithTitle:nil

  message: @"讀取中..."

  delegate: self

  cancelButtonTitle: nil

  otherButtonTitles: nil];

  UIActivityIndicatorView *activityView = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhite];

  activityView.frame = CGRectMake(120.f, 48.0f, 38.0f, 38.0f);

  [myAlert addSubview:activityView];

  [activityView startAnimating];

  [myAlert show];

  }

  }

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

  [myAlert dismissWithClickedButtonIndex:0 animated:YES];

  }

  方法三:使用UIWebView來加載gif圖片,除非你要用到webView,不然就不要使用這種方式來實現

   代碼如下:

  NSData *gif = [NSData dataWithContentsOfFile: [[NSBundle mainBundle] pathForResource:@"1" ofType:@"gif"]];

  // view生成

  UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(100, 100, 70, 30)];

  webView.userInteractionEnabled = NO;//用戶不可交互

  [webView loadData:gif MIMEType:@"image/gif" textEncodingName:nil baseURL:nil];

  [self.view addSubview:webView];

  以上所述就是本文的全部內容了,希望大家能夠喜歡。

copyright © 萬盛學電腦網 all rights reserved