在現(xiàn)代 web 開發(fā)中,樣式表(CSS)是一個(gè)至關(guān)重要的組成部分。安卓開發(fā)中,對(duì)樣式表最常見的需求是將它們加載到服務(wù)器上,使得多個(gè)頁面可以共用一個(gè)樣式表,從而提高效率和便捷性。
為了加載樣式表,我們需要從網(wǎng)上下載一些所需文件,并且將它們添加到我們的工程文件夾中。下面是一個(gè)簡單的方法,適用于通過 Android Studio 進(jìn)行安卓開發(fā)的情況。
// 在 build.gradle (Module: app)中添加以下代碼:
dependencies {
implementation 'com.android.support:appcompat-v7:28.0.0'
implementation 'com.android.support:design:28.0.0'
}
// 在 MainActivity.java 中加載 CSS
// 導(dǎo)入必要的庫
import android.content.Context;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.LinearLayout;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 找到我們自定義樣式表的文件名,并將其存儲(chǔ)在變量中
String cssFileName = "styles.css";
// 加載我們自定義樣式表的內(nèi)容
String cssString = "";
try {
InputStream is = getAssets().open(cssFileName);
int size = is.available();
byte[] buffer = new byte[size];
is.read(buffer);
is.close();
cssString = new String(buffer, "UTF-8");
} catch (IOException ex) {
ex.printStackTrace();
}
// 將樣式表添加到 WebView 中
WebView wv = findViewById(R.id.webView);
wv.getSettings().setJavaScriptEnabled(true);
wv.setWebViewClient(new WebViewClient());
wv.loadDataWithBaseURL(null,
"" +
"Hello, Android!
" +
"This is a sample paragraph of text.
" +
"", "text/html", "UTF-8", null);
}
}
在這個(gè)例子中,我們加載我們的樣式表,作為字符串存儲(chǔ)在變量 cssString 中,然后使用 loadDataWithBaseURL 方法將其添加到 WebView 中。這里我們使用了 WebView 類,但是如果你在開發(fā)中使用了其他工具,例如 Cordova 等,你也可以使用該工具提供的頁面加載功能,這樣你也能輕松地加載你的 CSS。