標籤:ace led gets head rap load ble 調用 fun
1.寫html和安卓布局
<Button android:id="@+id/btn" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <WebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="wrap_content"> </WebView>
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input id="input"><button id="button" onclick="sayHello()">按鈕</button> <script> function sayHello(){ var name =document.getElementById("input").value; app.sayHello(name) } function showName(name){ document.getElementById("input").value=name; } </script></body></html>
2.編寫activity
private WebView webView; private WebAppInterface webAppInterface;
class WebAppInterface{ private Context mContext; public WebAppInterface(Context context){ this.mContext=context; } @JavascriptInterface public void sayHello(String name){ Toast.makeText(mContext,name,Toast.LENGTH_SHORT).show(); } public void showName(final String name){ runOnUiThread(new Runnable() { @Override public void run() { webView.loadUrl("javascript:showName(‘"+name+"‘)"); } }); } }
webView=findViewById(R.id.webview); String url ="http://a.st"; webView.loadUrl(url); webView.getSettings().setJavaScriptEnabled(true); webAppInterface=new WebAppInterface(this); webView.addJavascriptInterface(webAppInterface,"app"); Button button =findViewById(R.id.btn); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { webAppInterface.showName("wirhiutrhi"); } });
要看下webview控制項的setting配置,來更好的設定
可以實現互相調用,可以做hybird拉
安卓和html的互相調用