
现在越来越多的APP都内置了Web网页去加载视图,也就是我们常说的Hybrid APP混合应用,市场上很多平台都是这样做的,比如我们经常使用的淘宝、京东等电商平台。这些是如何实现的呢?在我们Android中有一个WebView组件,它就可以实现此类功能。它是Android中的原生UI控件,主要用于在APP应用中方便地访问远程网页或本地HTML资源,同时WebView也在Android中充当Java代码和JS代码之间交互的桥梁,实际上也可以将WebView看做一个功能最小化的浏览器。下面我们一起来看看WebView的一些常用的使用方法。
WebView是Android系统提供的一个能显示网页的系统控件,它是一个特殊的View,同时也是一个ViewGroup,可以有很多其他子View。在Android 44以下(不包含44)系统WebView底层实现是采用WebKit内核,而在Android 44及其以上Google采用了Chromium内核作为系统WebView的底层内核支持。在这一变化中Android提供的WebView相关API并没有发生较大变化,在44上也兼容低版本的API并且引进了少部分API。这里简单介绍下基于Chromium的WebView和基于WebKit的WebView之间的差异,基于Chromium的Webview提供了更广的HTML5、CSS3、JavaScript支持,在Android系统版本50上基于Chromium 37,WebView提供了绝大多数的HTML5特性支持,除此之外Chromium也支持远程调试(Chrome DevTools)。WebKit JavaScript引起采用WebCore JavaScript在Android 44上换成了V8能直接提升JavaScript性能。
二、作用
1、显示和渲染Web页面
2、使用html文件(网络上或本地assets中)作为布局
3、可与JavaScript交互调用
注: WebView控件功能强大,除了具有一般View的属性和设置外,还可以对Url请求、页面加载、渲染、页面交互进行强大的处理。
这里就假设你的标题文本框是TextView titleTextView, 地址文本框是TextView urlTextView。
//设置WebChromeClient来接受网页加载后得到的标题,然后设置给titlewebViewsetWebChromeClient(new WebChromeClient() {
@Override
public void onReceivedTitle(WebView view, String title){
superonReceivedTitle(view, title);
titleTextViewsetText(title);
}
}
)
//设置WebViewClient来获取网页url
webViewsetWebViewClient(new HelpClient(){
@Override
public void onPageFinished(WebView view, String url) {
superonPageFinished(view, url);
urlTextViewsetText(url);
}
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
superonPageStarted(view, url, favicon);
}
});
需要用到回调
webViewsetWebChromeClient(new WebChromeClient()
{
@Override
public void onReceivedTitle(WebView view, String aTitle)
{
// 设置当前activity的标题栏
titlesetText(aTitle);
superonReceivedTitle(view, aTitle);
}
});
WKWebView 的estimatedProgress和title 都是KVO模式,所以可以添加监听:
[webView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:NULL];
[webView addObserver:self forKeyPath:@"title" options:NSKeyValueObservingOptionNew context:NULL];
监听的实现方法:
- (void)observeValueForKeyPath:(NSString )keyPath ofObject:(id)object change:(NSDictionary )change context:(void )context {
if ([keyPath isEqualToString:@"estimatedProgress"]) {
if (object == webView) {
[selfprogressView setAlpha:10f];
[selfprogressView setProgress:selfcurrentSubViewwebViewestimatedProgress animated:YES];
if(selfcurrentSubViewwebViewestimatedProgress >= 10f) {
[UIView animateWithDuration:03 delay:03 options:UIViewAnimationOptionCurveEaseOut animations:^{
[selfprogressView setAlpha:00f];
} completion:^(BOOL finished) {
[selfprogressView setProgress:00f animated:NO];
}];
}
}
else
{
[super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
}
}
else if ([keyPath isEqualToString:@"title"])
{
if (object == selfwebView) {
selftitle = selfwebViewtitle;
}
else
{
[super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
}
}
else {
[super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
}
}
进度条增加了动画,类似safari的进度效果
注意销毁时一定要移除监听
[webView removeObserver:self forKeyPath:@"estimatedProgress"];
[webView removeObserver:self forKeyPath:@"title"];
以上就是关于Android系统 WebView是什么有什么用全部的内容,包括:Android系统 WebView是什么有什么用、Android开发:用webview做的浏览器怎么用两个文本框分别显示当前网页标题和地址、android开发webview的gettitle()不等于“XXX”geturl()也不等“xxx”等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)