Android UI 使用HTML布局（直接打开server网页）

非常多时候我们用HTML布局会更方便直接，记录一下。

我如今主要是直接调用server的网页（实际上是jsp的，仅仅是返回的是html）。所以须要联网，第一步加入权限。

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

布局文件直接用一个WebView，例如以下：

<?xml version="1.0" encoding="utf-8"?

>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<WebView
android:id="@+id/webView1"
android:layout_width="match_parent"
android:layout_height="match_parent" />

</LinearLayout>

以下就能够直接写代码了：

package com.yangshidesign.testgryoscope;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.webkit.JavascriptInterface;
import android.webkit.WebView;
import android.widget.Toast;

public class AddEmojiActivity extends Activity {
private WebView webView;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.setContentView(R.layout.activity_addemoji);

webView = (WebView) this.findViewById(R.id.webView1);

webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new WebPlugin(), "WebPlugin");

webView.loadUrl(this.getString(R.string.server_url));
}

/**
* 插件类。在html的js里面直接调用
*/
private class WebPlugin {

@JavascriptInterface
public void test() {
Log.e("miquan", "kkkkkk");
Toast.makeText(AddEmojiActivity.this, "test toast ", Toast.LENGTH_SHORT).show();
}

@JavascriptInterface
public String test2() {
return "something";
}
}
}

当中@JavascriptInterface注解是加入在每个须要用到的方法上面的。

最后就能够直接在HTML网页上调用了。

<script type="text/javascript">
function test() {
WebPlugin.test();
var something = WebPlugin.test2();
}
</script>