Android WebViews

本指南說明如何將嵌入在較大型的 Android 應用程式內的科爾多瓦啟用 web 視圖元件。這些元件可以如何與對方溝通的詳細資訊,請參閱應用程式外掛程式。

如果你熟悉 Android,你應首先熟悉 Android 平臺指南和之前你嘗試更不尋常發展嵌入 web 視圖的選項,安裝了最新 Android sdk。 從開始科爾多瓦 1.9,Android 平臺依靠 CordovaWebView 元件,生成遺留下來 CordovaActivity 預日期 1.9 版本的元件。

  1. 要按照這些說明進行操作,請確保您有最新的科爾多瓦分佈。從cordova.apache.org下載和解壓縮其 android 系統的套裝軟體。

  2. 導航到 Android 包 /framework 目錄並運行 ant jar 。它創建了科爾多瓦 .jar 檔中,形成了作為/framework/cordova-x.x.x.jar.

  3. 複製 .jar 到 Android 專案檔案 /libs 目錄。

  4. 將以下內容添加到應用程式的 /res/xml/main.xml 檔中,與 layout_heightlayout_widthid 修改,以適合應用程式:

    <org.apache.cordova.CordovaWebView
        android:id="@+id/tutorialView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    
  5. 修改活動,使它實現了 CordovaInterface 。 它應實施的包括的方法。 您可能希望將它們從複製 /framework/src/org/apache/cordova/CordovaActivity.java ,或其他執行他們自己。 下面的代碼片段顯示了一個基本的應用程式依賴于介面。 請注意如何引用的視圖 id 匹配 id 在上面所示的 XML 片段中指定的屬性:

    public class CordovaViewTestActivity extends Activity implements CordovaInterface {
        CordovaWebView cwv;
        /* Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
            cwv = (CordovaWebView) findViewById(R.id.tutorialView);
            Config.init(this);
            cwv.loadUrl(Config.getStartUrl());
        }
    
  6. 如果應用程式需要使用相機,實現以下內容:

    @Override
    public void setActivityResultCallback(CordovaPlugin plugin) {
        this.activityResultCallback = plugin;
    }
    /**
     * Launch an activity for which you would like a result when it finished. When this activity exits,
     * your onActivityResult() method is called.
     *
     * @param command           The command object
     * @param intent            The intent to start
     * @param requestCode       The request code that is passed to callback to identify the activity
     */
    public void startActivityForResult(CordovaPlugin command, Intent intent, int requestCode) {
        this.activityResultCallback = command;
        this.activityResultKeepRunning = this.keepRunning;
    
        // If multitasking turned on, then disable it for activities that return results
        if (command != null) {
            this.keepRunning = false;
        }
    
        // Start activity
        super.startActivityForResult(intent, requestCode);
    }   
    
    @Override
    /**
     * Called when an activity you launched exits, giving you the requestCode you started it with,
     * the resultCode it returned, and any additional data from it.
     *
     * @param requestCode       The request code originally supplied to startActivityForResult(),
     *                          allowing you to identify who this result came from.
     * @param resultCode        The integer result code returned by the child activity through its setResult().
     * @param data              An Intent, which can return result data to the caller (various data can be attached to Intent "extras").
     */
    protected void onActivityResult(int requestCode, int resultCode, Intent intent) {
        super.onActivityResult(requestCode, resultCode, intent);
        CordovaPlugin callback = this.activityResultCallback;
        if (callback != null) {
            callback.onActivityResult(requestCode, resultCode, intent);
        }
    }
    
  7. 最後,請記住,添加執行緒池,否則外掛程式有沒有線程在其上運行:

    @Override
    public ExecutorService getThreadPool() {
        return threadPool;
    }
    
  8. 將應用程式的 HTML 和 JavaScript 檔案複製到 Android 專案 /assets/www 目錄。

  9. 複製 config.xml 檔從 /framework/res/xml 到專案中的 /res/xml 目錄。