htmlandroid
❶ 如何使用html編寫android app
可以用H5寫。
我有安卓開發視頻教程，要的密。先送你一集
❷ Android開發中對顯示HTML內容的幾種方式
首先，Android中顯示Html內容，有3中方式：（目前我用到的有這3種）
1、可以利用Android原生的Html.fromHtml(str, imageGetter, tagHandler)來進行顯示。（不過，我這邊用了，即使加了頁面載入動畫，還是覺得非常慢，有大量圖片，會導致OOM；如果圖片不多的話，可以考慮）
2、利用第三方插件HtmlTextView。
GitHub地址：https://github.com/PrivacyApps/html-textview
圖片載入很順暢，使用方法也非常簡單，不過，有兩個注意事項：
（1）其中，HtmlHttpImageGetter有3個構造函數，可以根據自己的情況選擇。
（2）載入大量圖片的時候，會導致OOM內存溢出。針對於這個情況，HtmlHttpImageGetter有一個壓縮圖片的方法可以調用，可以進去查看它的公共方法。（不過，我這邊顯示的圖片過大，每張1M左右，並且一下子有幾十張，即使設置了壓縮圖片，還是會導致OOM問題，目前還沒解決，有大神知道咋弄的，拜託指點一下，非常感謝！）
對了，這個第三方插件的基本用法，點擊上面的連接，進去一看就知道了，很簡單。
3、第三種，是我沒辦法的情況下想的：把html標簽里的內容利用正則表達式拿出來，其中，文本內容用一個TextView代替，<img>標簽圖片用一個ImageView代替，其他相關的標簽自行選擇替換。說白了，就是創建一個個的TextView以及ImageView填充到布局裡（LinearLayout之類的）。要說明的是：其中圖片顯示用Glide來實現。目前我這邊測試的情況還是可以的，載入的速度非常快，也沒因內存問題導致APP崩潰。
❸ 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)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;
}】方法名相同
❹ 如何在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 怎樣用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;
}】方法名相同
❻ HTML怎麼轉為android
{
/**.*/
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
//***.html是你的主界面
super.loadUrl("file:///android_asset/****.html");
}
}引入cordova-2.6.0.jar cordova自己搜一下可以了解大概
❼ 怎麼用html5開發android
Android瀏覽器默認預覽模式瀏覽 會縮小頁面 WebView中則會以原始大小顯示
Android瀏覽器和WebView默認為mdpi。hdpi相當於mdpi的1.5倍 ldpi相當於0.75倍
三種解決方式：1 viewport屬性 2 CSS控制 3 JS控制
1 viewport屬性放在HTML的<meta>中
Html代碼
<SPAN style="FONT-SIZE: x-small"> <head>
<title>Exmaple</title>
<meta name=」viewport」 content=」width=device-width,user-scalable=no」/>
</head></SPAN>
meta中viewport的屬性如下
Html代碼
<SPAN style="FONT-SIZE: x-small"> <meta name="viewport"
content="
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi |
high-dpi | medium-dpi | low-dpi]
"
/></SPAN>
2 CSS控制設備密度
為每種密度創建獨立的樣式表（注意其中的webkit-device-pixel-ratio 3個數值對應3種解析度）
Html代碼
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" />
在一個樣式表中，指定不同的樣式
Html代碼
#header {
<SPAN style="WHITE-SPACE: pre"> </SPAN> background:url(medium-density-image.png);
}
@media screen and (-webkit-device-pixel-ratio: 1.5) {
// CSS for high-density screens
#header {
background:url(high-density-image.png);
}
}
@media screen and (-webkit-device-pixel-ratio: 0.75) {
// CSS for low-density screens
#header {
background:url(low-density-image.png);
}
}
Html代碼
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width" />
3 JS控制
Android瀏覽器和WebView支持查詢當前設別密度的DOM特性
window.devicePixelRatio 同樣值有3個（0.75,1,1.5對應3種解析度）
JS中查詢設備密度的方法
Js代碼
if (window.devicePixelRatio == 1.5) {
alert("This is a high-density screen");
} else if (window.devicePixelRation == 0.75) {
alert("This is a low-density screen");
}
● Android中構建HTML5應用
使用WebView控制項 與其他控制項的使用方法相同 在layout中使用一個<WebView>標簽
WebView不包括導航欄，地址欄等完整瀏覽器功能，只用於顯示一個網頁
在WebView中載入Web頁面，使用loadUrl()
Java代碼
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("http://www.example.com");
注意在manifest文件中加入訪問互聯網的許可權：
Xml代碼
<uses-permission android:name="android.permission.INTERNET" />
在Android中點擊一個鏈接，默認是調用應用程序來啟動，因此WebView需要代為處理這個動作 通過WebViewClient
Java代碼
//設置WebViewClient
webView.setWebViewClient(new WebViewClient(){
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
}
public void onPageStarted(WebView view, String url, Bitmap favicon) {
super.onPageStarted(view, url, favicon);
}
});
這個WebViewClient對象是可以自己擴展的，例如
Java代碼
private class MyWebViewClient extends WebViewClient {
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (Uri.parse(url).getHost().equals("www.example.com")) {
return false;
}
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
startActivity(intent);
return true;
}
}
之後：
Java代碼
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.setWebViewClient(new MyWebViewClient());
另外出於用戶習慣上的考慮 需要將WebView表現得更像一個瀏覽器，也就是需要可以回退歷史記錄
因此需要覆蓋系統的回退鍵 goBack，goForward可向前向後瀏覽歷史頁面
Java代碼
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack() {
myWebView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}
Java代碼
WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
❽ android開發時的界面開發用html么
不是哦，安卓開發的界面新手的話，可以用eclipse自帶的ide拖拽，不過這個拖拽會版有很多問題。安卓本身的界權面布局，應該是標準的xml布局（雖然html也要遵循xml標准，但是兩者不太相同），它也是用的標簽（或稱之為標記）布局，然後設置標記的相關屬性來實現布局。有html基礎的話，學習起來十分簡單。要是有點java基礎的話，安卓的學習就很順利的。
❾ 如何利用html5開發android界面
三種解決方式：1 viewport屬性 2 CSS控制 3 JS控制
1 viewport屬性放在HTML的<meta>中
<SPAN style="FONT-SIZE: x-small"> <head>
<title>Exmaple</title>
<meta name=」viewport」 content=」width=device-width,user-scalable=no」/>
</head></SPAN>
meta中viewport的屬性如下
<SPAN style="FONT-SIZE: x-small"> <meta name="viewport"
content="
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi |
high-dpi | medium-dpi | low-dpi]
"
/></SPAN>
2 CSS控制設備密度
為每種密度創建獨立的樣式表（注意其中的webkit-device-pixel-ratio 3個數值對應3種解析度）
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" />
在一個樣式表中，指定不同的樣式
❿ html與android哪個好學
那我不得不說html和android那簡直有著天壤之別！
html涉及的只是一些簡單的標簽語言
android的開發則涉及了多門編程語言，例如C，C++，java
我們從難度上來看
html可以說幾乎沒有什麼難度
android沒有哪一門編程語言是簡單的，如果腦子夠用可能1個月就能掌握，但熟練就是另外一回事了，這可跟html的標簽不一樣。腦子不行？那就甭想了，不可能學得會。因為你根本不能理解。安心學html去吧！
我們在從學習所需時間上看
html基本的語法掌握了，就完全沒問題了。掌握語法也就是十幾分鍾甚至幾分鍾的事情
android就編程語言而言，那是需要每天都要練習的。久了不接觸就會生疏
還有，您這個問題問的是單獨的html標簽語言和android相比較
但如果要開發整個網站也涉及到了多種語言
例如web的前端設計涉及到html css樣式 javascript，並且如果要把界面設計得非常美觀還涉及到了這之外的一些圖形製作或者合成軟體，例如photoshop。後台涉及到php asp等
事實上，WEB前端設計的javascript，後台的php以及asp，也屬於編程語言。
但就其難度而言比Java以及C語言等要簡單
學哪個好？學那個有出路？
想都不用想就可以告訴你，android肯定比網頁開發更有出路
移動端就是未來的趨勢，這不用說
最後，如果您有耐心，學習理解能力強。那麼學android開發吧！
不說肯定有出路，但絕對的比學網站開發好
（此回復純手打）