隨筆 - 22  文章 - 467  trackbacks - 0
          <2011年5月>
          24252627282930
          1234567
          891011121314
          15161718192021
          22232425262728
          2930311234

          常用鏈接

          留言簿(25)

          隨筆分類(74)

          文章分類(1)

          收藏夾(277)

          在線工具

          在線資料

          最新隨筆

          搜索

          •  

          積分與排名

          • 積分 - 217584
          • 排名 - 261

          最新評論

          閱讀排行榜

          評論排行榜

          正在開發(fā)一個地圖程序, 相對于用XML寫安卓界面, 我更愿意用這個偷懶的辦法,
          就是不用Android自帶的MapView, 而是使用之前就已經(jīng)比較熟悉的Google Maps JavaScript API,
          在Android的WebView中載入HTML代碼, 利用Android提供的強(qiáng)大的Java與Js的交互功能,
          用網(wǎng)頁作為界面來開發(fā)程序,同時也可以用Js回調(diào)機(jī)器的本地功能比如GPS等.

          下面提供一個演示的例子,代碼如下:

           1package com.aloong.map;
           2
           3import android.app.Activity;
           4import android.os.Bundle;
           5import android.os.Handler;
           6import android.webkit.WebSettings;
           7import android.webkit.WebView;
           8
           9public class MyMap extends Activity {
          10    
          11    private static String TAG = MyMap.class.getName();
          12    private WebView mWebView;
          13    private Handler mHandler;
          14    private WebSettings mWebSettings;
          15
          16    /** Called when the activity is first created. */
          17    @Override
          18    public void onCreate(Bundle savedInstanceState) {
          19        super.onCreate(savedInstanceState);
          20        setContentView(R.layout.main);
          21
          22        mWebView = (WebView) this.findViewById(R.id.webview);
          23        mHandler = new Handler();
          24
          25        // 設(shè)置支持JavaScript等
          26        mWebSettings = mWebView.getSettings();
          27        mWebSettings.setJavaScriptEnabled(true);
          28        mWebSettings.setBuiltInZoomControls(true);
          29        mWebSettings.setLightTouchEnabled(true);
          30        mWebSettings.setSupportZoom(true);
          31        mWebView.setHapticFeedbackEnabled(false);
          32        // mWebView.setInitialScale(0); // 改變這個值可以設(shè)定初始大小
          33
          34        //重要,用于與頁面交互!
          35        mWebView.addJavascriptInterface(new Object() {
          36            @SuppressWarnings("unused")
          37            public void oneClick(final String locX, final String locY) {//此處的參數(shù)可傳入作為js參數(shù)
          38                mHandler.post(new Runnable() {
          39                    public void run() {
          40                        mWebView.loadUrl("javascript:shows('" + locX + "','" + locY + "')");
          41                    }

          42                }
          );
          43            }

          44        }
          "demo");//此名稱在頁面中被調(diào)用,方法如下:
          45        //<body onClick="window.demo.clickOnAndroid(event.pageX,event.pageY)">
          46
          47        final String mimeType = "text/html";
          48        final String encoding = "utf-8";
          49        final String html = "";// TODO 從本地讀取HTML文件
          50
          51        mWebView.loadDataWithBaseURL("file:///sdcard/", html, mimeType,
          52                encoding, "");
          53
          54    }

          55}


          運(yùn)行以上代碼,就可以在程序中打開自己寫的html頁面.并且實(shí)現(xiàn)Java與JavaScript的雙向交互.
          我們甚至可以在頁面中使用JQuery之類的框架制作出很好看的效果,而這比寫Android代碼我覺得簡單多了.

          posted on 2011-05-11 21:52 ApolloDeng 閱讀(7618) 評論(0)  編輯  收藏 所屬分類: 分享JavaAndroidJs/JQuery/AjaxWeb
          主站蜘蛛池模板: 塔城市| 定襄县| 泗阳县| 娄烦县| 开阳县| 五河县| 武清区| 颍上县| 五莲县| 长宁县| 广西| 鄢陵县| 浦城县| 高青县| 德钦县| 若尔盖县| 潞城市| 广宁县| 礼泉县| 常熟市| 灯塔市| 广南县| 额济纳旗| 康马县| 鄢陵县| 达孜县| 浦东新区| 时尚| 宜兰市| 长治县| 遂溪县| 武川县| 莒南县| 郴州市| 宁武县| 芜湖市| 大石桥市| 寻甸| 辉县市| 海安县| 新营市|