在現代 web 開發中,樣式表(CSS)是一個至關重要的組成部分。安卓開發中,對樣式表最常見的需求是將它們加載到服務器上,使得多個頁面可以共用一個樣式表,從而提高效率和便捷性。
為了加載樣式表,我們需要從網上下載一些所需文件,并且將它們添加到我們的工程文件夾中。下面是一個簡單的方法,適用于通過 Android Studio 進行安卓開發的情況。
// 在 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
// 導入必要的庫
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);
// 找到我們自定義樣式表的文件名,并將其存儲在變量中
String cssFileName = "styles.css";
// 加載我們自定義樣式表的內容
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);
}
}
在這個例子中,我們加載我們的樣式表,作為字符串存儲在變量 cssString 中,然后使用 loadDataWithBaseURL 方法將其添加到 WebView 中。這里我們使用了 WebView 類,但是如果你在開發中使用了其他工具,例如 Cordova 等,你也可以使用該工具提供的頁面加載功能,這樣你也能輕松地加載你的 CSS。