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]; 

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

本文标题为:IOS中UIWebView加载Loading的实现方法

基础教程推荐