導航:首頁 > 操作系統 > 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相關的資料
- 安卓手機後期用什麼軟體調色
- 安卓多指操作怎麼設置
- linux樹形目錄
- 單片機自製紅外遙控燈
- 安卓手機如何打開fr3文件
- 蘋果手機文檔安卓上怎麼打開
- 安卓手機如何擁有蘋果手機橫條
- 航空工業出版社單片機原理及應用
- 安卓的怎麼用原相機拍月亮
- 安卓如何下載寶可夢劍盾
- megawin單片機
- 速騰carplay怎麼用安卓
- 單片機高吸收
- 單片機定時器計數初值的計算公式
- 大學單片機相關科目
- linux下載freetype
- stm單片機控制機械臂
- linuxonarm
- 海洋斗什麼時候上線安卓
- 51單片機40引腳是什麼
- android自定義日期選擇器
- 語音識別android開源
- apachehttpdlinux
- 交通信號燈單片機課程設計
- 拉結爾安卓手機怎麼用
- androidshape畫線
- 為什麼安卓手機相機啟動會卡
- 單片機測角度
- 碰碰球模擬器安卓怎麼下載
- 單片機控制64路開關量
- 安卓機越用越卡有什麼辦法
- androidhttpcookie
- 安卓微博怎麼保密
- 安卓怎麼用ui庫
- 蘋果x像素相當於安卓的什麼手機
- 安卓安裝游戲什麼軟體
- 咪咕直播為什麼沒有適配安卓系統
- 安卓手機怎麼玩造夢3
- stc89c52單片機引腳圖
- 安卓手機藍牙怎麼互傳圖片
- linux捕捉信號
- 安卓如何關閉自動緩存