源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Android UI使用HTML布局方法实例

  • 时间:2022-09-07 14:48 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Android UI使用HTML布局方法实例
很多时候我们用HTML布局会更方便直接,记录一下。 我现在主要是直接调用服务器的网页(实际上是jsp的,只是返回的是html),所以需要联网,第一步添加权限。
[u]复制代码[/u] 代码如下:
<uses-permission android:name="android.permission.INTERNET" />
布局文件直接用一个WebView,如下:
[u]复制代码[/u] 代码如下:
<?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>
下面就可以直接写代码了:
[u]复制代码[/u] 代码如下:
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网页上调用了。
[u]复制代码[/u] 代码如下:
<script type="text/javascript">  function test() {   WebPlugin.test();   var something = WebPlugin.test2();  } </script>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部