IOS中UIWebView加载Loading的实现方法

2022-10-21,

最近有朋友问我类似微信语音播放的喇叭动画和界面图片加载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]; 

以上所述就是本文的全部内容了,希望大家能够喜欢。

您可能感兴趣的文章:

  • iOS开发中WebView的基本使用方法简介
  • IOS中的webView加载HTML
  • 轻松理解iOS 11中webview的视口
  • 详解iOS webview加载时序和缓存问题总结
  • iOS Webview自适应实际内容高度的4种方法详解
  • ios开发加载webview显示进度条实例
  • iOS 对当前webView进行截屏的方法
  • iOS获取cell中webview的内容尺寸
  • iOS去除Webview键盘顶部工具栏的方法

《IOS中UIWebView加载Loading的实现方法.doc》

下载本文的Word格式文档,以方便收藏与打印。