【OSC手机App技术解析】- 应用内Web链接的处理

junwong 发布于 2012/06/26 11:58
阅读 1K+
收藏 10
OSChina.NET手机客户端上显示资讯,最好的方案就是用 WebView 这样的控件来做了,因为以HTML在WebView上显示可以达到富文本 的显示风格而且也能解决GIF图片在几个手机平台上Image控件无法显示的问题。

    但是我们都知道文章中很可能会带有各种链接,每当用户点击这些链接的时候,应用都会启动当前手机的 默认浏览器来开启链接指向的网页。如果链接本身就是站外的那还好说,但如果是站内链接那这种默认处理方 式就很难让人接受了,比如我用App的过程中相关新闻点击后弹出Safari来看新闻就有点匪夷所思,我们更希 望直接在App中直接浏览新闻;对于 @某某 的个人空间更是如此。

    所以必须在浏览器链接被点击前就捕获这个事件来进行自定义处理。如果是与App无关的站外链接或者App 无法显示的链接我们就用默认浏览器打开,如果这个链接的导向目标能够被App处理,则捕获链接后用代码来 自己解决。

    以下就是三个手机平台捕获浏览器链接被点击后的事件。
WP7:
this. browser. Navigating += new EventHandler<NavigatingEventArgs>( (s, e) =>
{
	//其中 e.Uri.AbsoluteUri 就代表被点击的 url
	Tool. ProcessAppLink( e. Uri. AbsoluteUri );
});

iOS:
@interface  NewsDetail : UIViewController<UIWebViewDelegate>
{
}

//然后页面开启时
self.webView.delegate = self;

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request 

navigationType:(UIWebViewNavigationType)navigationType
{
    //其中[request.URL absoluteString] 就代表被点击的 url
    [Tool analysis:[request.URL absoluteString] 

andNavController:self.parentViewController.navigationController];
}

Android:
mWebView.setWebViewClient(new WebViewClient(){
	@Override
	public boolean shouldOverrideUrlLoading(WebView view,String url) {
		//其中 url 就代表被点击的 url
		//showUrlRedirect(view.getContext(), url);
		return true;
	}
});

按照以上方式,我们所有使用 WebView 的页面上只要链接被点击,都会按照这个流程来执行,就达到了预期的目的。

如果大家有什么疑问的话,欢迎在下面回帖一起探讨。

PS:

OSC Android客户端下载地址:http://www.oschina.net/uploads/osc.apk

OSC iPhone客户端下载地址:http://www.oschina.net/uploads/osc.ipa
OSC Windows Phone客户端下载地址:http://www.oschina.net/uploads/osc.xap

加载中
0
红薯
红薯
App 上使用 WebView 来显示 HTML 内容精彩,经常会碰到这种问题,推荐!
红薯
红薯
回复 @皮总 : 显示新闻和帖子必须是 webview,否则新闻里的各种内容就无法支持
皮总
皮总
我以为全部是用 native + XML 做的呢
0
红薯
红薯

开发手机 app ,特别是网站客户端必不可少要用到 WebView 的,用来显示某篇新闻、帖子的内容,因为这些内容都是事先编辑好的 HTML 内容,如果你自己去做一个控件来显示就非常的傻。

但其他的界面例如列表之类的就它性能就很不好了

皮总
皮总
什么时候开源出来啊, 学习学习
0
Sephiroth
Sephiroth
思路很好 
返回顶部
顶部