扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
android加载html
创新互联公司服务项目包括金秀网站建设、金秀网站制作、金秀网页制作以及金秀网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,金秀网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到金秀省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
主要有2种方案:
方案一:
启动第三方浏览器或者安卓内置的浏览器进行加载先生html文件。
方案二:
使用android 自带的webview控件进行加载html文件或者网页。
不常用方案有1种:
使用android控件TextView进行加载html文件。
主要原理:
通过读取html文件里面的标签进行解析相关的元素从而通过浏览器,或者android自带的控件进行显示,其中webview控件本质上就是一个浏览器,TextView显示html内容就是通过解析标签,元素通过内置方法转化成相应带有属性的文本信息然后显示到界面上。
详细解决步奏:
方案一:
Uri uri = Uri.parse(""); //要链接的地址或者html
Intent intent = new Intent(Intent.ACTION_VIEW, uri);
startActivity(intent);
缺点如果android中没有浏览器,则无法启动显示相关内容。
方案二:
webview = (WebView) findViewById(R.id.WebView01);
webview.getSettings().setJavaScriptEnabled(true);
webview.loadUrl("");//要链接的地址或者html
缺点:目前没有什么缺点,比其他2种好,天生为加载html文件而出生的
方案三:
不常用的方法,借助函数 Html.fromHtml()来解析html内容,并且进行显示。
TextView text1 = (TextView)findViewById(R.id.TextView02);
text1.setText(Html.fromHtml(“font size='20'网页内容html/font”));
缺点:加载速度慢于webview加载速度。
最后
推荐使用webview进行加载html内容,其特性优于其他2种加载方式
在android开发中,通常使用xml格式来描述布局文件。就目前而言,熟悉android布局及美化的人员少之又少,出现了严重的断层。大部分企业,其实还是程序员自己动手布局。这样既浪费时间和精力,也未必能达到理想的效果。但是,在企业级的android开发中,使用html页面进行布局,也有很多的优势(例如:简单,大部分开发人员及美工都熟悉,方便统一进行更新,管理)。据笔者了解,已经有不少的公司在使用这种方式进行布局开发。这也可能是一种趋势。
下面,我将给出一个实例代码,供大家学习使用html页面给android应用布局。
Java代码
package com.dazhuo.ui;
import java.util.List;
import org.json.JSONArray;
import org.json.JSONObject;
import com.dazhuo.domain.Person;
import com.dazhuo.service.PersonService;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.util.Log;
import android.webkit.WebView;
public class MainActivity extends Activity {
private PersonService service;
private WebView webview;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
service =new PersonService();
webview = (WebView) this.findViewById(R.id.webView);//android内置浏览器对象
webview.getSettings().setJavaScriptEnabled(true);//启用javascript支持
//添加一个js交互接口,方便html布局文件中的javascript代码能与后台java代码直接交互访问
webview.addJavascriptInterface(new PersonPlugin() , "Person");//new类名,交互访问时使用的别名
// body onload="javascript:Person.getPersonList()"
webview.loadUrl("");//加载本地的html布局文件
//其实可以把这个html布局文件放在公网中,这样方便随时更新维护 例如 webview.loadUrl("");
}
//定义一个内部类,从java后台(可能是从网络,文件或者sqllite数据库) 获取List集合数据,并转换成json字符串,调用前台js代码
private final class PersonPlugin{
public void getPersonList(){
ListPerson list = service.getPersonList();//获得List数据集合
//将List泛型集合的数据转换为JSON数据格式
try {
JSONArray arr =new JSONArray();
for(Person person :list)
{
JSONObject json =new JSONObject();
json.put("id", person.getId());
json.put("name", person.getName());
json.put("mobile",person.getMobile());
arr.put(json);
}
String JSONStr =arr.toString();//转换成json字符串
webview.loadUrl("javascript:show('"+ JSONStr +"')");//执行html布局文件中的javascript函数代码--
Log.i("MainActivity", JSONStr);
} catch (Exception e) {
// TODO: handle exception
}
}
//打电话的方法
public void call(String mobile){
Intent intent = new Intent(Intent.ACTION_CALL, Uri.parse("tel:"+ mobile));
startActivity(intent);
}
}
}
Java代码
package com.dazhuo.domain;
public class Person {
private Integer id;
public Integer getId() {
return id;
}
public Person(Integer id, String name, String mobile) {
super();
this.id = id;
this.name = name;
this.mobile = mobile;
}
public void setId(Integer id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getMobile() {
return mobile;
}
public void setMobile(String mobile) {
this.mobile = mobile;
}
private String name;
private String mobile;
}
Java代码
package com.dazhuo.service;
import java.util.ArrayList;
import java.util.List;
import com.dazhuo.domain.Person;
public class PersonService {
public ListPerson getPersonList()
{
ListPerson list =new ArrayListPerson();
list.add(new Person(32, "aa", "13675574545"));
list.add(new Person(32, "bb", "13698874545"));
list.add(new Person(32, "cc", "13644464545"));
list.add(new Person(32, "dd", "13908978877"));
list.add(new Person(32, "ee", "15908989898"));
return list;
}
}
Html代码
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
titleInsert title here/title
script type="text/javascript"
function show(jsondata){
var jsonobjs = eval(jsondata);
var table = document.getElementById("personTable");
for(var y=0; yjsonobjs.length; y++){
var tr = table.insertRow(table.rows.length); //添加一行
//添加三列
var td1 = tr.insertCell(0);
var td2 = tr.insertCell(1);
td2.align = "center";
var td3 = tr.insertCell(2);
td3.align = "center";
//设置列内容和属性
td1.innerHTML = jsonobjs[y].id;
td2.innerHTML = jsonobjs[y].name;
td3.innerHTML = "a href='javascript:Person.call(\""+ jsonobjs[y].mobile+ "\")'"+ jsonobjs[y].mobile+ "/a";
}
}
/script
/head
!-- js代码通过webView调用其插件中的java代码 --
body onload="javascript:Person.getPersonList()"
table border="0" width="100%" id="personTable" cellspacing="0"
tr
td width="20%"编号/tdtd width="40%" align="center"姓名/tdtd align="center"电话/td
/tr
/table
a href="javascript:window.location.reload()"刷新/a
/body
/html
1、以小米手机为例,首先在手机上利用QQ接收一个HTML文件。
2、然后在手机QQ中点击该HTML文件,选择用其他应用打开。
3、然后在其他应用中选择浏览器,点击下方的仅此一次。
4、打开完成后的效果如图所示,HTML文件成功被在浏览器中打开。
html页面(命名:Android.html放在assets文件夹下):::::
!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
script language="javascript" type="text/javascript"
function get4Android(str){
document.getElementById("show").innerHTML="This is a message from android:"+str;
}
/script
/head
body
div id="show"/div
/body
/html
Text.java代码:::
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.text.Editable;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
public class Text extends Activity implements OnClickListener {
private Button button;
private TextView text;
private WebView web;
private EditText edit;
private Handler handler;
private void initView() {
button = (Button) this.findViewById(R.id.button2);
web = (WebView) this.findViewById(R.id.webView1);
edit = (EditText) this.findViewById(R.id.editText1);
button.setOnClickListener(this);
}
private void setWebView() {
web.setWebViewClient(new WebViewClient());
web.requestFocus();
WebSettings setting = web.getSettings();
setting.setJavaScriptEnabled(true);
web.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
web.requestFocus();
return false;
}
});
web.addJavascriptInterface(new SendAndroid(), "theKey");
web.loadUrl("");
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
initView();
setWebView();
handler = new Handler() {
public void handleMessage(android.os.Message msg) {
String str = msg.obj.toString();
text.setText(str);
};
};
}
@Override
public void onClick(View v) {
Editable editable = edit.getText();
web.loadUrl("javascript:get4Android(\"" + editable.toString()
+ "\")");
}
class SendAndroid {
public void runOnAndroidJavaScript(final String str) {
new Thread(new Runnable() {
@Override
public void run() {
System.out.println("******" + str);
Message mes = handler.obtainMessage();
mes.obj = str;
handler.sendMessage(mes);
}
}).start();
}
}
}
主要是:web.loadUrl("javascript:get4Android(\"" + editable.toString()+ "\")");中的“javascript:get4Android”要和html中的【function get4Android(str){
document.getElementById("show").innerHTML="This is a message from android:"+str;
}】方法名相同
Android系统提供了对简单的HTML标签的支持,方便开发者设置格式化的文本内容,比如斜体、粗体等。 通过
android.text.Html.fromHtml(String source)
函数可以获取一个格式化后的文本显示对象。
目前支持如下的HTML标签:
Supported HTML-Tags
如果您的字符串在 strings.xml 文件中,则需要转义HTML标签,不然的话 经过Android处理后 所有的HTML标签都给过滤掉了。
需要把所有的“”用“lt;”替换,例如: string name=”htmlText”lt;strong粗体lt;/strong/string
如果文本内容比较长, 则转义起来比较麻烦,并且阅读也不太方便,这种情况下可以使用XML的CDATA标记, 如下所示:
string name="htmlText"
![CDATA[
pHTML标记的文本内容 strong粗体/strong
、em斜体/em/p
p
ttteletype-style 字体/tt/p
]]
/string
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流