android 使用html做應用程式介面初探

 

  以前做毒霸極速版、網盾用戶端都使用過網頁做介面。所以對於這種模式我是情有獨鐘，而android 中的webview組件帶的可是webkit核心，V8 指令碼引擎啊，HTML5 啊，如果用這個做一些線上應用的介面，應該會是一個不錯的選擇吧。雖然android 寫介面已經很簡單了（相比5年前用Java Swing 寫GUI 的痛苦記憶），但是線上的網頁自然有線上的好處。而且HTML5 的離線儲存功能也不錯。說了一堆廢話，對不起。

 

   首先建立工程，使用webview 組件。

 

    demo 代碼核心部分：

super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

 

        mWebView = (WebView) this.findViewById(R.id.webview);

        mHandler = new Handler();

 

        WebSettings webSettings = mWebView.getSettings();

        webSettings.setJavaScriptEnabled(true);

        mWebView.addJavascriptInterface(new Object() {

            public void clickOnAndroid() {

                mHandler.post(new Runnable() {

                    public void run() {

                        mWebView.loadUrl("javascript:wave()");// 呼叫指令碼函數

                    }

                });

            }

        }, "demo"); // 為指令碼函數提供了介面,window.demo.clickOnAndroid()

        mWebView.loadUrl("file:///android_asset/html/notice.html");

有幾點需要注意的地方：

（1）如果應用需要訪問上網，在AndroidManifest.xml 中加入：

<uses-permission android:name="android.permission.INTERNET"/>

（2）代碼中android_asset 相當於 工程路徑中：assets 目錄下的資源。

（3）setJavaScriptEnabled 是設定是否允許使用javascript指令碼，一定要開啟。

（4）在layout 下main.xml 中，<WebView android:id="@+id/webview" android:layout_width="fill_parent“  android:layout_height="wrap_content" />

 

 

順利的完成該demo ,該demo 中主要就兩個點：1。使用了網頁做介面，2。實現了JavaScript 與  Java 的互相調用。

 

 

作者 -274°C