利用HTML5开发Android(2)---Android中构建HTML5应用
2014-09-21 12:46
405 查看
使用WebView控件 与其他控件的使用方法相同 在layout中使用一个<WebView>标签
WebView不包括导航栏,地址栏等完整浏览器功能,只用于显示一个网页
在WebView中加载Web页面,使用loadUrl()
View Code
之后:
Java代码
另外出于用户习惯上的考虑 需要将WebView表现得更像一个浏览器,也就是需要可以回退历史记录
因此需要覆盖系统的回退键 goBack,goForward可向前向后浏览历史页面
Java代码
Java代码
Java代码
Java代码
Js代码
Js代码
Java代码
Java代码
WebView不包括导航栏,地址栏等完整浏览器功能,只用于显示一个网页
在WebView中加载Web页面,使用loadUrl()
private class MyWebViewClient extends WebViewClient { public boolean shouldOverrideUrlLoading(WebView view, String url) { if (Uri.parse(url).getHost().equals("www.example.com")) { return false; } Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url)); startActivity(intent); return true; } }
View Code
之后:
Java代码
WebView myWebView = (WebView) findViewById(R.id.webview); myWebView.setWebViewClient(new MyWebViewClient());
另外出于用户习惯上的考虑 需要将WebView表现得更像一个浏览器,也就是需要可以回退历史记录
因此需要覆盖系统的回退键 goBack,goForward可向前向后浏览历史页面
Java代码
public boolean onKeyDown(int keyCode, KeyEvent event) { if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack() { myWebView.goBack(); return true; } return super.onKeyDown(keyCode, event); }
Java代码
WebView myWebView = (WebView) findViewById(R.id.webview); WebSettings webSettings = myWebView.getSettings(); webSettings.setJavaScriptEnabled(true);
(这里的webSetting用处非常大 可以开启很多设置 在之后的本地存储,地理位置等之中都会使用到)
1 在JS中调用Android的函数方法 首先 需要在Android程序中建立接口
Java代码
final class InJavaScript { public void runOnAndroidJavaScript(final String str) { handler.post(new Runnable() { public void run() { TextView show = (TextView) findViewById(R.id.textview); show.setText(str); } }); } }
Java代码
/把本类的一个实例添加到js的全局对象window中, //这样就可以使用windows.injs来调用它的方法 webView.addJavascriptInterface(new InJavaScript(), "injs");
在JavaScript中调用
Js代码
function sendToAndroid(){ var str = "Cookie call the Android method from js"; windows.injs.runOnAndroidJavaScript(str);//调用android的函数 }
2 在Android中调用JS的方法 在JS中的方法:
Js代码
function getFromAndroid(str){ document.getElementByIdx_x_x_x("android").innerHTML=str; }
在Android调用该方法
Java代码
Button button = (Button) findViewById(R.id.button); button.setOnClickListener(new OnClickListener() { public void onClick(View arg0) { //调用javascript中的方法 webView.loadUrl("javascript:getFromAndroid('Cookie call the js function from Android')"); } });
3 Android中处理JS的警告,对话框等 在Android中处理JS的警告,对话框等需要对WebView设置WebChromeClient对象
Java代码
//设置WebChromeClient webView.setWebChromeClient(new WebChromeClient(){ //处理javascript中的alert public boolean onJsAlert(WebView view, String url, String message, final JsResult result) { //构建一个Builder来显示网页中的对话框 Builder builder = new Builder(MainActivity.this); builder.setTitle("Alert"); builder.setMessage(message); builder.setPositiveButton(android.R.string.ok, new AlertDialog.OnClickListener() { public void onClick(DialogInterface dialog, int which) { result.confirm(); } }); builder.setCancelable(false); builder.create(); builder.show(); return true; }; //处理javascript中的confirm public boolean onJsConfirm(WebView view, String url, String message, final JsResult result) { Builder builder = new Builder(MainActivity.this); builder.setTitle("confirm"); builder.setMessage(message); builder.setPositiveButton(android.R.string.ok, new AlertDialog.OnClickListener() { public void onClick(DialogInterface dialog, int which) { result.confirm(); } }); builder.setNegativeButton(android.R.string.cancel, new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int which) { result.cancel(); } }); builder.setCancelable(false); builder.create(); builder.show(); return true; }; @Override //设置网页加载的进度条 public void onProgressChanged(WebView view, int newProgress) { MainActivity.this.getWindow().setFeatureInt(Window.FEATURE_PROGRESS, newProgress * 100); super.onProgressChanged(view, newProgress); } //设置应用程序的标题title public void onReceivedTitle(WebView view, String title) { MainActivity.this.setTitle(title); super.onReceivedTitle(view, title); } });
相关文章推荐
- 利用HTML5开发Android(6)---构建HTML5离线应用
- 利用HTML5开发Android(5)---HTML5地理位置服务在Android中的应用
- Android应用开发新路线,利用HTML5开发Android应用程序
- android 开发利用 html5 JavascriptInterface 实现应用层与 native 互传参数并获取返回数据
- Android应用开发之(利用好图片缓存)
- 利用百度地图API做android应用开发,地图全黑
- Android应用开发新路线(用HTML5开发Android应用)
- 在Windows上构建Android应用开发环境
- 使用HTML5开发Android本地应用(一)
- Android应用开发之(利用好图片缓存)
- 利用HTML5开发Android应用程序 PPT
- 用HTML5, CSS3, JavaScript开发Android, iOS应用框架
- android应用开发之利用SAX、DOM和Pull实现对XML文件的解析并进行单元测试
- Android开发HTML5应用-总结
- 利用HTML5开发Android
- 利用HTML5开发Android笔记(中篇)
- 【转】利用HTML5开发Android
- Android应用开发新路线(用HTML5开发Android应用)
- 利用HTML5开发Android笔记
- Android应用开发之(利用好图片缓存)