IOS中UIWebView載入Loading的實現方法

來源:互聯網
上載者:User

   最近有朋友問我類似微信語音播放的喇叭動畫和介面圖片載入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];

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.