2012-06-26 127 views
2

我正在處理一個有很多html頁面的應用程序。我已經在Eclipse上的原始文件夾中創建了這些文件。如何在Android中的html頁面添加外部CSS文件

我打算製作很多html文件,並且我只想爲每個html文件中要調用的css文件創建一個位置。此應用程序以這樣的方式使 loadData方法顯示HTML網頁的工作,如下圖所示:

webview.loadData(readTextFromResource(R.raw.gen1), "text/html", "utf-8"); 

編號欣賞任何想法。

+0

使用資產文件夾保存html文件&rela該HTML文件的css文件tive引用 –

回答

5

你可以從資產複製HTML和CSS文件在你的項目資產和加載HTML文件的WebView像下面的代碼:

WebView wv; 
    wv = (WebView) findViewById(R.id.webView1); 
    wv.setBackgroundColor(0); 
    wv.setBackgroundResource(android.R.color.black); 
    wv.setWebChromeClient(new WebChromeClient()); 
    wv.setWebViewClient(new WebViewClient()); 
    wv.getSettings().setJavaScriptEnabled(true); 
    wv.getSettings().setPluginsEnabled(true); 
    wv.loadUrl("file:///android_asset/Index_Animation/test.html"); 

像下面的屏幕截圖:

enter image description here

,並參考下面的html文件中的css:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<link rel="stylesheet" href="./style.css" type="text/css" media="screen"><!--This line refer the css file--> 

    </head> 
    <body bgcolor="#000000">   

       <div class="col_left"> 
        <div class="logo"> 
         <div class="circles"> 
          <div class="circle"></div> 
          <div class="circle1"></div> 
          <div class="circle2"></div> 
         </div> 
         <center> 
         <img src="./Untitled.png" /> 
         </center> 
        </div> 

       </div> 

</body></html> 
+2

謝謝Dinesh,你的先生是一個救星:)非常感謝! – user788511

+1

萬一我的html是動態數據如何使用這個。 – NagarjunaReddy

相關問題