【转】在webview加加载数据时添加一个Loading...动画的两种方法

【转】在webview加加载数据时添加一个Loading...动画的两种方法

 

大家使用iPhone/iPod浏览网页时,一定见过浏览器加载网页时,总会出现一个Loading动画,其实这是实现起来是非常简单的。下面就是两种不同的实现方法:


第一种方法:

  1. //创建UIWebView  
  2. WebView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 44, 320, 400)];
  3. [WebView setUserInteractionEnabled:NO];
  4. [WebView setBackgroundColor:[UIColor clearColor]];  
  5. [WebView setDelegate:self];  
  6. [WebView setOpaque:NO];//使网页透明  

  7. NSString *path = @"http://www.baidu.com";  
  8. NSURL *url = [NSURL URLWithString:path];  
  9. [WebView loadRequest:[NSURLRequest requestWithURL:url]];

  10. //创建UIActivityIndicatorView背底半透明View  
  11. UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];  
  12. [view setTag:103];
  13. [view setBackgroundColor:[UIColor blackColor]];
  14. [view setAlpha:0.8];
  15. [self.view addSubview:view];  

  16. activityIndicator = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 32.0f, 32.0f)];
  17. [activityIndicator setCenter:view.center];
  18. [activityIndicator setActivityIndicatorViewStyle:UIActivityIndicatorViewStyleWhite];  
  19. [view addSubview:activityIndicator];  
  20. [self.view addSubview:WebView];  
  21. [view release];
  22. [WebView release];  

  23. //以下两个方法是UIWebView的delegate methods
  24. //开始加载数据
  25. - (void)webViewDidStartLoad:(UIWebView *)webView {
  26.       [activityIndicator startAnimating];  
  27. }
  28. //数据加载完  
  29. - (void)webViewDidFinishLoad:(UIWebView *)webView {  
  30.      [activityIndicator stopAnimating];  
  31.      UIView *view = (UIView *)[self.view viewWithTag:103];  
  32.      [view removeFromSuperview];
  33. }



第二种方法:在UIAlertView上添加一个UIActivityIndicatorView
  1. //加载网页动画
  2. - (void)webViewDidStartLoad:(UIWebView *)webView{
  3.     if (myAlert==nil){
  4.        myAlert = [[UIAlertView alloc] initWithTitle:nil
  5.                                                               message: @"正在加载数据,请稍候..."
  6.                                                                 delegate: self  
  7.                                                  cancelButtonTitle: nil f
  8.                                                  otherButtonTitles: nil];
  9.      UIActivityIndicatorView *activityView = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhite];
  10.      activityView.frame = CGRectMake(120.f, 48.0f, 37.0f, 37.0f);  
  11.      [myAlert addSubview:activityView];
  12.      [activityView startAnimating];
  13.      [myAlert show];
  14. }
  15. }
  16. - (void)webViewDidFinishLoad:(UIWebView *)webView{  
  17.       [myAlert dismissWithClickedButtonIndex:0 animated:YES];
  18. }


安卓-Loading加载中动画 自定义安卓加载中动画,两种方式,随意变化。 立即下载

相关推荐

网页加载动画效果(Loading)

50多少个 网页加载动画效果(Loading效果),加载中,SVG,加载动画

android webview加载动画,WebView加载网页(一)

WebView加载网页一、新建一个android项目新建android项目,应用默认配置,其他地方不做修改。新建一个activity,项目目录结构为:二、修改mainactivitypackage cn.qiu.webview2;import android.content.Intent;import android.support.v7.app.AppCompatActivity;import ...

weixin_29463881的博客 1076

android 加载动画

一个漂亮的 android 加载动画,android 5.0加载动画,可用于低版本

WebView自定义进度条、加载动画,拿走直接用~

年前有个小需求,要对有些域名的H5进行加载流程优化,通过展示H5加载动画来安抚用户焦躁的心情,以提高用户体验。虽然不能理解加个动画咋就优化了用户体验,但需求还是得做的。想着这是个基础的小功能,独立性比较好,遂记录下来,以资来者。

kiba_zwei的博客 2770

【Android】Android开发之常用的loading等待效果实现,仿微博等待动画。两种实现方式详解

博文介绍:http://blog.csdn.net/qq_21376985/article/details/52847317 【Android】Android开发之常用的loading等待效果实现,仿微博等待动画。两种实现方式详解

Android 帧动画实现自定义loading加载框

Android 帧动画实现自定义loading加载框

网页加载时的Loading(七种)

方法一:                  size=2>正在加载:     behavior="slide">███████████████████████████████████████████████████████████████████████████████      var myTime=0  function count

得峰的专栏 [网络收藏] 1888

ns3-gym入门(二):linear-mesh例子详解

学习ns3-gym中关于IEEE 802.11网状网络中控制随机接入的例子linear-mesh

zoe2222226666的博客 1843

JavaFx控件WebView基础使用

Fxml文件 <?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.layout.BorderPane?> <?import javafx.scene.web.WebView?> <BorderPane fx:id="borderPane" xmlns:fx="http://java...

aliaichidantong的博客 3803

三维Copula建模进阶:从对称、嵌套到Pair-Copula(C-Vine/D-Vine)到底怎么选?

本文深入探讨三维Copula建模的进阶策略,包括对称Archimedean、嵌套结构和Vine Copula(C-Vine/D-Vine)的选择方法。通过对比数学特性、计算复杂度和实际应用案例,提供了一套针对金融风险分析等场景的决策框架,帮助分析师根据数据特征选择最优模型。

weixin_27038701的博客 436

Word多级标题出现黑块的解决思路(word 数字必须介于1-1638之间)

遇到多级目录出现黑块问题,看到一篇博客完美解决,在此记录。

AI_Optimization的博客 3715

android webview loading,Android WebView+ProgressBar Loading...

import android.content.Context;import android.os.Build;import android.text.TextUtils;import android.util.AttributeSet;import android.view.View;import android.webkit.WebChromeClient;import android.webk...

weixin_39524247的博客 246

AutoCAD 2024 LISP实用技巧:自定义快捷命令与高效绘图工具集

本文详细介绍了如何在AutoCAD 2024中部署和使用LISP脚本,打造高效绘图工具集。通过自定义快捷命令,如WFF(超级文字查找替换)、GQT(图层隔离)和LLTJ(智能长度统计),可大幅简化图层管理、文字编辑和测量统计等重复性操作,显著提升绘图效率。

gan8painter的博客 318

UIWebView加载Loading...两种方法

from: http://blog.csdn.net/sjzsp/article/details/6541538 第一种方法:使用UIView and UIActivityIndicatorView  //创建UIWebView  WebView = [ [ UIWebView alloc ] initWithFrame : CGRectMake( 0 , 4

wangyx810328的专栏 561

Lumerical官方案例、FDTD时域有限差分法仿真学习(三)——环形谐振器(Ring resonator)之第二&第三部分

二、使用 MODE 的参数提取和蒙特卡罗 三、最终参数提取

weixin_45719141的博客 1万+

避坑指南:英飞凌TC3XX的MCMCAN初始化常见错误及解决方法

本文针对英飞凌TC3XX系列MCU的MCMCAN模块初始化难题,深入剖析了寄存器配置时序、总线监控模式误用、中断映射错误及Message RAM地址冲突四大常见陷阱。通过实战代码示例和诊断流程,提供了清晰的避坑指南和解决方案,帮助嵌入式开发者高效解决CAN FD通信故障,确保汽车电子与工业控制项目的稳定运行。

weixin_29193259的博客 245

Android在WebView加载数据时展示loading的Dialog

Android在WebView就在数据时展示loading的Dialog

C_xundaozhe的博客 6335

AFSim编译一:windows

AFSim在windows上的编译

Meepo的博客 4735

Android 图片Loading旋转动画效果

在数据请求或者一些加载的页面中,总需要一些过度的动画效果,很多时候我们都可以在图片中间加一个loading的旋转图片,以前也做过,今天做的时候噼里啪啦敲了半天结果运行没效果,所以今天总结下这个啷个做的。eg:animation只是操作View 的位图表示(bitmap representation),而不是真正的改变View的位置,位图就是bitmap,关于bitmap,可以去好好学习一下!例子:我们要加载一个webView,需要在加载前的空白页面中间加一个旋转的loading图片,结束后就消失。

Android 领域开发程序员,希望通过写博客的方式不断的总结提升自己,大家共同进步哦! 4226

IEC 61400-1:2019 中的 Vref ——从分类基准到极端风模型的应用

IEC 61400-1:2019 中的 Vref ——从分类基准到极端风模型的应用

weixin_46713695的博客 1286

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

IOS系统中网络等待的Loading的实现方法 等待加载

IOS系统中网络等待的Loading的实现方法 等待加载

sammyieveo的专栏 6400

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

android界面加载不出来了,Android webView点击h5中按钮后加载不出来之后的页面(loading状态或者空白页面)解决之法...

之前项目中遇到一个问题,项目中webView加载h5广告,在h5中提交数据时,竟然一直显示loading而不加载提交成功界面,在此记录一下解决之法,分享给遇到同样问题的伙伴们。运维人员提交这个问题后,第一时间考虑的是,测试原始链接在手机浏览器加载中是否正常?ios是否可以?然而,经过简单的运行测试,只有android端会出现此类问题(现象),怎么办呢?Debug看!首先检查一下代码,有没有设置支持...

weixin_29825861的博客 2904

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

Vue通过状态为页面切换添加loading、为ajax加载添加loading

以下方法需要引入vuex,另使用了vux的UI框架,ajax添加loading还引入了axios。 一、为页面切换添加loading。   loading.js: import Vue from 'vue' import Vuex from 'vuex' import router from './router' Vue.use(Vuex) const ...

weixin_30402343的博客 449

iOS 加载gif 的两种方式

简单记录一下,排除第三方加载gif 1. 使用webview ,可以根据需要将webview放到一些控件上 如下: -(void)loadGif{ //1.找到gif文件路径 ,SDKPlatform.bundle/loading1 是所在SDKPlatform.bundle中 NSString *dataPath = [[NSBundle mainBundle]...

wang_Bo_JustOne的博客 921
上一篇: iphone认证文件无效解决办法
下一篇: Amazon的aws服务使用笔记
xinlanzero
博客等级 码龄25年 10粉丝 132原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值