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

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

基础教程推荐