Android UI使用HTML布局方法实例

很多时候我们用html布局会更方便直接，记录一下。
我现在主要是直接调用服务器的网页（实际上是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>