导航:首页 > 操作系统 > android嵌入html
android嵌入html
发布时间：2022-07-14 03:35:38㈠ android嵌入h5，怎么交互
Android和H5之间的交互
hybrid App开发也不是什么新鲜事了，其中native和h5之间的交互则是必不可少的。Android中是如何和H5交互的？
1、webView加载页面
我们都知道在Android中是通过webView来加载html页面的，根据HTML文件所在的位置不同写法也不同：
//例如：加载assets文件夹下的test.html页面
mWebView.loadUrl("file:///android_asset/test.html")
//例如：加载网页
mWebView.loadUrl("http://www..com")
如果只是这样调用mWebView.loadUrl()加载的话,那么当你点击页面中的链接时，页面将会在你手机默认的浏览器上打开。那如果想要页面在App内中打开的话，那么就得设置setWebViewClient：
mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
mWebView.loadUrl(url);
return true;
}
}
});
2、Android本地通过java调用HTML页面中的JavaScript方法
想要调用js方法那么就必须让webView支持
WebSettings webSettings = mWebView.getSettings();
//设置为可调用js方法
webSettings.setJavaScriptEnabled(true);
若调用的js方法没有返回值，则直接可以调用mWebView.loadUrl("JavaScript:do()");其中do是js中的方法；若有返回值时我们可以调用mWebView.evaluateJavascript()方法：
mWebView.evaluateJavascript("sum(1,2)", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
Log.e(TAG, "onReceiveValue value=" + value);
}
});
js代码如下：
<script type="text/javascript">
function sum(a,b){
return a+b;
}
function do(){
document.getElementById("p").innerHTML="hello world";
}
</script>
2、js调用Android本地Java方法
在Android4.2以上可以直接使用@JavascriptInterface注解来声明，下面是在一个本地Java方法
public class JsInteration {
@JavascriptInterface
public String back() {
return "hello world";
}
}
定义完这个方法后再调用mWebView.addJavascriptInterface()方法：
mWebView.addJavascriptInterface(new JsInteration(), "android");
那么在js中怎么来调用呢？
<script type="text/javascript">
function s(){
//调用Java的back()方法
var result =window.android.back();
document.getElementById("p").innerHTML=result;
}
</script>
4、拦截HTML页面中的点击事件
mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
//判断url拦截事件
if (url.equals("file:///android_asset/test2.html")) {
Log.e(TAG, "shouldOverrideUrlLoading: " + url);
startActivity(new Intent(MainActivity.this,Main2Activity.class));
return true;
} else {
mWebView.loadUrl(url);
return false;
}
}
});
以上就是Java调用js方法以及js调用Java方法的实现交互方式中的一种。下面给出完整代码：
mainActivity
public class MainActivity extends AppCompatActivity {
public static final String TAG = "MainActivity";
private WebView mWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mWebView = (WebView) findViewById(R.id.webView);
mWebView.loadUrl("file:///android_asset/test.html");
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new JsInteration(), "android");
mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (url.equals("file:///android_asset/test2.html")) {
Log.e(TAG, "shouldOverrideUrlLoading: " + url);
startActivity(new Intent(MainActivity.this,Main2Activity.class));
return true;
} else {
mWebView.loadUrl(url);
return false;
}
}
});
}
//Android调用有返回值js方法
@TargetApi(Build.VERSION_CODES.KITKAT)
public void onClick(View v) {
mWebView.evaluateJavascript("sum(1,2)", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
Log.e(TAG, "onReceiveValue value=" + value);
}
});
}
public class JsInteration {
@JavascriptInterface
public String back() {
return "hello world";
}
}
}
test.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
function sum(a,b){
return a+b;
}
function s(){
var result =window.android.back();
document.getElementById("p").innerHTML=result;
}
</script>
</head>
<body>
<button onclick="s()">调用本地方法</button>
<a href="file:///android_asset/test2.html">点击</a>
<p id="p"></p>
</body>
</html>
㈡ 如何在android中使用html作布局文件
在android开发中，通常使用xml格式来描述布局文件。就目前而言，熟悉android布局及美化的人员少之又少，出现了严重的断层。大部分企业，其实还是程序员自己动手布局。这样既浪费时间和精力，也未必能达到理想的效果。但是，在企业级的android开发中，使用html页面进行布局，也有很多的优势（例如：简单，大部分开发人员及美工都熟悉，方便统一进行更新，管理）。据笔者了解，已经有不少的公司在使用这种方式进行布局开发。这也可能是一种趋势。
下面，我将给出一个实例代码，供大家学习使用html页面给android应用布局。
packagecom.dazhuo.ui;
importjava.util.List;
importorg.json.JSONArray;
importorg.json.JSONObject;
importcom.dazhuo.domain.Person;
importcom.dazhuo.service.PersonService;
importandroid.app.Activity;
importandroid.content.Intent;
importandroid.net.Uri;
importandroid.os.Bundle;
importandroid.util.Log;
importandroid.webkit.WebView;
{
privatePersonServiceservice;
privateWebViewwebview;
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
service=newPersonService();
webview=(WebView)this.findViewById(R.id.webView);//android内置浏览器对象
webview.getSettings().setJavaScriptEnabled(true);//启用javascript支持
//添加一个js交互接口，方便html布局文件中的javascript代码能与后台java代码直接交互访问
webview.addJavascriptInterface(newPersonPlugin(),"Person");//new类名，交互访问时使用的别名
//<bodyonload="javascript:Person.getPersonList()">
webview.loadUrl("file:///android_asset/index.html");//加载本地的html布局文件
//其实可以把这个html布局文件放在公网中，这样方便随时更新维护例如webview.loadUrl("www.xxxx.com/index.html");
}
//定义一个内部类，从java后台(可能是从网络，文件或者sqllite数据库)获取List集合数据，并转换成json字符串，调用前台js代码
privatefinalclassPersonPlugin{
publicvoidgetPersonList(){
List<Person>list=service.getPersonList();//获得List数据集合
//将List泛型集合的数据转换为JSON数据格式
try{
JSONArrayarr=newJSONArray();
for(Personperson:list)
{
JSONObjectjson=newJSONObject();
json.put("id",person.getId());
json.put("name",person.getName());
json.put("mobile",person.getMobile());
arr.put(json);
}
StringJSONStr=arr.toString();//转换成json字符串
webview.loadUrl("javascript:show('"+JSONStr+"')");//执行html布局文件中的javascript函数代码--
Log.i("MainActivity",JSONStr);
}catch(Exceptione){
//TODO:handleexception
}
}
//打电话的方法
publicvoidcall(Stringmobile){
Intentintent=newIntent(Intent.ACTION_CALL,Uri.parse("tel:"+mobile));
startActivity(intent);
}
}
}
转载
㈢ android中如何在textview中加入html
具体代码如下：
Android中的TextView，本身就支持部分的Html格式标签。这其中包括常用的字体大小颜色设置，文本链接等。使用起来也比较方便，只需要使用Html类转换一下即可。比如：
textView.setText(Html.fromHtml(str));
然而，有一种场合，默认支持的标签可能不够用。比如，我们需要在textView中点击某种链接，返回到应用中的某个界面，而不仅仅是网络连接，如何实现？
经过几个小时对android中的Html类源代码的研究，找到了解决办法，并且测试通过。
㈣ 安卓怎么嵌入web本地网页
第一步：
存放本地html文件：放在app/src/main/assets目录下，一般来说Androidstudio项目下是没有assets文件夹的，所以需要在app/src/main下新建一个文件夹，取名assets.如图：
新建文件夹assets
2.第二步就在在你的xml布局文件中，假如webview元素，接着访问本地的html文件，功能很简单，代码如下：
WebView webview = (WebView)findViewById(R.id.webview);
webview.loadUrl("file:///android_asset/normal.html");
㈤ Android如何在Html中插入图片和文字
android在html插入图片和文字的方式如下：
叫前端工程师，设计好html界面，里面已经插入了图片和文字。
将所有的html文件和css文件放到android工程的asserts文件夹下，在代码中就可以加载文件夹下的所有html文件。
㈥ android里面怎么加html文件
html页面（命名：Android.html放在assets文件夹下）：：：：：
<!DOCTYPEhtmlPUBLIC"-//WAPFORUM//DTDXHTMLMobile1.0//EN""
<htmlxmlns="">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<scriptlanguage="javascript"type="text/javascript">
functionget4Android(str){
document.getElementById("show").innerHTML="Thisisamessagefromandroid:"+str;
}
</script>
</head>
<body>
<divid="show"></div>
</body>
</html>
Text.java代码：：：
importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.os.Handler;
importandroid.os.Message;
importandroid.text.Editable;
importandroid.view.MotionEvent;
importandroid.view.View;
importandroid.view.View.OnClickListener;
importandroid.view.View.OnTouchListener;
importandroid.webkit.WebSettings;
importandroid.webkit.WebView;
importandroid.webkit.WebViewClient;
importandroid.widget.Button;
importandroid.widget.EditText;
importandroid.widget.TextView;
{
privateButtonbutton;
privateTextViewtext;
privateWebViewweb;
privateEditTextedit;
privateHandlerhandler;
privatevoidinitView(){
button=(Button)this.findViewById(R.id.button2);
web=(WebView)this.findViewById(R.id.webView1);
edit=(EditText)this.findViewById(R.id.editText1);
button.setOnClickListener(this);
}
privatevoidsetWebView(){
web.setWebViewClient(newWebViewClient());
web.requestFocus();
WebSettingssetting=web.getSettings();
setting.setJavaScriptEnabled(true);
web.setOnTouchListener(newOnTouchListener(){
@Override
publicbooleanonTouch(Viewv,MotionEventevent){
web.requestFocus();
returnfalse;
}
});
web.addJavascriptInterface(newSendAndroid(),"theKey");
web.loadUrl("file:///android_asset/android.html");
}
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
initView();
setWebView();
handler=newHandler(){
publicvoidhandleMessage(android.os.Messagemsg){
Stringstr=msg.obj.toString();
text.setText(str);
};
};
}
@Override
publicvoidonClick(Viewv){
Editableeditable=edit.getText();
web.loadUrl("javascript:get4Android(""+editable.toString()
+"")");
}
classSendAndroid{
(finalStringstr){
newThread(newRunnable(){
@Override
publicvoidrun(){
System.out.println("******"+str);
Messagemes=handler.obtainMessage();
mes.obj=str;
handler.sendMessage(mes);
}
}).start();
}
}
}
主要是：web.loadUrl("javascript:get4Android(""+editable.toString()+"")");中的“javascript:get4Android”要和html中的【functionget4Android(str){
document.getElementById("show").innerHTML="Thisisamessagefromandroid:"+str;
}】方法名相同
㈦ 怎样把html5嵌入到android手机app中
1. 因为HTML5暂时无法短期内在PC普及，主要方向在使用高端浏览器的高端移动设备，所以可以用作开发Android系统的App。 2. 但只有Android2.2以上、iOS3.2以上均支持HTML5，两大平台有望全系列支持HTML5 3. HTML5可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。 4.使用HTML5离线应用带来的好处：提供更快、更简便的服务，代码可高度重用，服务发布方便 5.HTML5主要应用：Web邮箱、Web RSS、Web地图等服务在无网络环境的使用 6.HTML5技术重点关注在动画、游戏方面，地理定位方面的应用正在崛起，HTML5还被用于改善用户体验 这是我参加某个HTML5技术分享沙龙时候做的会议记录。希望可以给你一点帮助。HTML5还是一种比较新的技术，我也在探索当中，有空多交流。
㈧ 怎么在安卓app中嵌套html5网页
HTML5嵌入到APP中方法：
1、android webview控件加载html5；
2、即webview基于webkit内核支持html5；
3、进行做自定义屏幕适应调试和测试！
与android嵌入html相关的资料
- 航空工业出版社单片机原理及应用
- 安卓的怎么用原相机拍月亮
- 安卓如何下载宝可梦剑盾
- megawin单片机
- 速腾carplay怎么用安卓
- 单片机高吸收
- 单片机定时器计数初值的计算公式
- 大学单片机相关科目
- linux下载freetype
- stm单片机控制机械臂
- linuxonarm
- 海洋斗什么时候上线安卓
- 51单片机40引脚是什么
- android自定义日期选择器
- 语音识别android开源
- apachehttpdlinux
- 交通信号灯单片机课程设计
- 拉结尔安卓手机怎么用
- androidshape画线
- 为什么安卓手机相机启动会卡
- 单片机测角度
- 碰碰球模拟器安卓怎么下载
- 单片机控制64路开关量
- 安卓机越用越卡有什么办法
- androidhttpcookie
- 安卓微博怎么保密
- 安卓怎么用ui库
- 苹果x像素相当于安卓的什么手机
- 安卓安装游戏什么软件
- 咪咕直播为什么没有适配安卓系统
- 安卓手机怎么玩造梦3
- stc89c52单片机引脚图
- 安卓手机蓝牙怎么互传图片
- linux捕捉信号
- 安卓如何关闭自动缓存
- 光遇乐谱怎么下安卓版
- 安卓如何设计自动安装
- android60镜像下载
- android组态软件
- 安卓手机微信如何添加打印程序
- qqdpi怎么改安卓
- 如何看apk的安卓版本