在iOS应用中使用UIWebView创建简单的网页浏览器界面
更新时间：2016年01月29日 09:21:01 作者：麒麟
这篇文章主要介绍了在iOS应用中使用UIWebView创建简单的网页浏览器界面的方法,包括动态获取UIWebView高度的实现,需要的朋友可以参考下
UIWebView是iOS sdk中一个最常用的控件。是内置的浏览器控件，我们可以用它来浏览网页、打开文档等等。这篇文章我将使用这个控件，做一个简易的浏览器。如下图：
我们创建一个Window-based Application程序命名为：UIWebViewDemo
UIWebView的loadRequest可以用来加载一个url地址，它需要一个NSURLRequest参数。我们定义一个方法用来加载url。在UIWebViewDemoViewController中定义下面方法：
复制代码 代码如下:
- (void)loadWebPageWithString:(NSString*)urlString
{
NSURL *url =[NSURL URLWithString:urlString];
NSLog(urlString);
NSURLRequest *request =[NSURLRequest requestWithURL:url];
[webView loadRequest:request];
}
在界面上放置3个控件，一个textfield、一个button、一个uiwebview，布局如下：
在代码中定义相关的控件：webView用于展示网页、textField用于地址栏、activityIndicatorView用于加载的动画、buttonPress用于按钮的点击事件。
复制代码 代码如下:
@interface UIWebViewDemoViewController :UIViewController<UIWebViewDelegate> {
IBOutlet UIWebView *webView;
IBOutlet UITextField *textField;
UIActivityIndicatorView *activityIndicatorView;
}
- (IBAction)buttonPress:(id) sender;
- (void)loadWebPageWithString:(NSString*)urlString;
@end
使用IB关联他们。
设置UIWebView，初始化UIActivityIndicatorView：
复制代码 代码如下:
- (void)viewDidLoad
{
[super viewDidLoad];
webView.scalesPageToFit =YES;
webView.delegate =self;
activityIndicatorView = [[UIActivityIndicatorView alloc]
initWithFrame : CGRectMake(0.0f, 0.0f, 32.0f, 32.0f)] ;
[activityIndicatorView setCenter: self.view.center] ;
[activityIndicatorView setActivityIndicatorViewStyle: UIActivityIndicatorViewStyleWhite] ;
[self.view addSubview : activityIndicatorView] ;
[self buttonPress:nil];
// Do any additional setup after loading the view from its nib.
}
UIWebView主要有下面几个委托方法：
1、- (void)webViewDidStartLoad:(UIWebView *)webView;开始加载的时候执行该方法。
2、- (void)webViewDidFinishLoad:(UIWebView *)webView;加载完成的时候执行该方法。
3、- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error;加载出错的时候执行该方法。
我们可以将activityIndicatorView放置到前面两个委托方法中。
复制代码 代码如下:
- (void)webViewDidStartLoad:(UIWebView *)webView
{
[activityIndicatorView startAnimating] ;
}
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
[activityIndicatorView stopAnimating];
}
buttonPress方法很简单，调用我们开始定义好的loadWebPageWithString方法就行了：
复制代码 代码如下:
- (IBAction)buttonPress:(id) sender
{
[textField resignFirstResponder];
[self loadWebPageWithString:textField.text];
}
当请求页面出现错误的时候，我们给予提示：
复制代码 代码如下:
- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
{
UIAlertView *alterview = [[UIAlertView alloc] initWithTitle:@"" message:[error localizedDescription] delegate:nil cancelButtonTitle:nil otherButtonTitles:@"OK", nil];
[alterview show];
[alterview release];
}
动态获取UIWebView高度
监听 webView的 contentSize，每当contentSize的值改变时就去更改webView 的frame。
复制代码 代码如下:
[activityWebView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew context:nil];
然后在回调方法里改变webView的frame
复制代码 代码如下:
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context
{
if ([keyPath isEqualToString:@"contentSize"]) {
webViewHeight = [[activityWebView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"] floatValue];
CGRect newFrame = activityWebView.frame;
newFrame.size.height = webViewHeight;
activityWebView.frame = newFrame;
[mainTableView setTableHeaderView:activityWebView];
}
}
在页面消失时记得 remove 监听对象，否则会闪退
复制代码 代码如下:
-(void)viewWillDisappear:(BOOL)antimated{
[super viewWillDisappear:antimated];
[activityWebView.scrollView removeObserver:self
forKeyPath:@"contentSize" context:nil];
}
相关文章
这篇文章主要给大家介绍了关于iOS如何利用一句话完成转场动画的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-08-08
这篇文章主要介绍了iOS 隐私权限和通过openURL实现跳转实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要介绍了iOS masonry的基本使用方法的相关资料，文章还介绍了CocoaPods的安装过程，需要的朋友可以参考下面文字内容2021-09-09
本篇文章主要介绍了ios用AFN进行文件上传的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
本篇文章主要给大家介绍了ios11中estimatedRowHeight属性的用法和知识，有兴趣的朋友学习下。2018-01-01
Objective-C 代码与Javascript 代码相互调用实例
这篇文章主要介绍了Objective-C 代码与Javascript 代码相互调用实例的相关资料,现在的APP 应用有时候会调用网页上的内容，为了增加用户体验，这里写下个实例，需要的朋友可以参考下2016-10-10
iOS开发之tableView点击下拉扩展与内嵌collectionView上传图片效果
这篇文章主要介绍了iOS开发之tableView点击下拉扩展与内嵌collectionView上传图片效果的相关资料,需要的朋友可以参考下2016-04-04
这篇文章主要介绍了IOS 常见的循环引用总结的相关资料,循环引用，指的是多个对象相互引用时，使得引用形成一个环形，导致外部无法真正是否掉这块环形内存。其实有点类似死锁，需要的朋友可以参考下2017-03-03
下面小编就为大家分享关于移动端固定输入框在底部会被键盘遮挡的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
两指缩放功能不仅可以用UIPinchGestureRecognizer手势来实现，还能用UIScorllView来实现，UIScrollView可以轻松的实现最大与最小缩放值，以及滚动的效果，效果非常棒，具体实例代码大家参考下本文吧2017-03-03
最新评论