Android UI使用HTML布局方法实例
Android UI使用HTML布局方法实例
发布时间:2016-12-28 来源:查字典编辑
摘要:很多时候我们用HTML布局会更方便直接,记录一下。我现在主要是直接调用服务器的网页(实际上是jsp的,只是返回的是html),所以需要联网,...

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

我现在主要是直接调用服务器的网页(实际上是jsp的,只是返回的是html),所以需要联网,第一步添加权限。

复制代码 代码如下:

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

布局文件直接用一个WebView,如下:

复制代码 代码如下:

<"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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新安卓软件开发学习
热门安卓软件开发学习
编程开发子分类