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>
相关文章
Android progressbar实现带底部指示器和文字的进度条
这篇文章主要为大家详细介绍了Android progressbar实现带底部指示器和文字的进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2019-01-01
android中一些特殊字符(如:←↑→↓等箭头符号)的Unicode码值
这篇文章主要介绍了android中一些特殊字符(如:←↑→↓等箭头符号)的Unicode码值,需要的朋友可以参考下2017-03-03
Android Studio实现简单的QQ登录界面的示例代码
这篇文章主要介绍了Android Studio实现简单的QQ登录界面的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-06-06
Android中ListView结合CheckBox实现数据批量选择(全选、反选、全不选)
这篇文章主要介绍了Android编程中ListView结合CheckBox实现批量选择,包括实现全选、反选、全不选等操作,感兴趣的小伙伴们可以参考一下2016-01-01
详解Android studio ndk配置cmake开发native C
这篇文章主要介绍了详解Android studio ndk配置cmake开发native C,非常具有实用价值,需要的朋友可以参考下2017-09-09


最新评论