Вопрос по webview, android, android-webview – Как добавить внешний CSS-файл на HTML-странице в Android

2

Я работаю над приложением со многими HTML-страницами. Я создал их в сырой папке на Eclipse.

Я собираюсь создать много html-файлов, и я хочу иметь только одно место для css-файла, которое я хочу вызывать в каждом из html-файлов. Это приложение работает таким образом, что Метод loadData отображает HTML-страницу, как показано ниже:

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

Буду признателен за любые идеи.

использовать папку активов, чтобы сохранить HTML-файл & amp; относительная ссылка файла CSS в этом файле HTML Vishal Pawar

Ваш Ответ

1   ответ
5

Вы можете скопировать html и css файлы в ресурсы проекта и загрузить html файл из ресурса в веб-просмотр, как показано ниже:

    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

и обратитесь к CSS в HTML-файл ниже:

<!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>
В случае, если мой HTML-это динамические данные, как это использовать.
Спасибо Динеш, вы, сэр, спасатель :) большое спасибо !! user788511

Похожие вопросы