Phonegap : menggunakan CSS di SDCard

Berikut ini cara menggunakan CSS yang disimpan dalam SDCard (atau mungkin bisa juga URL) untuk dapat digunakan dalam aplikasi android yang dibangun dengan Phonegap.

Mudah saja, pada halaman index.html (asumsi link CSS di sini), link CSS langsung menunjuk pada root sdcard :

<href="file:///sdcard/style.css" rel="stylesheet">

Dengan demikian, kita dapat membuat aplikasi android dengan css yang dapat diupdate setiap saat, hanya dengan mengganti css yang baru. Tentunya ada baiknya css tidak diletakkan di root sdcard, tapi di direktori khusus untuk data aplikasi tsb, beserta file2 pendukungnya (images dll).

Ada kekurangannya yaitu karena file yang diload tersebut dianggap data, maka setiap apk dijalankan, maka apk hanya akan cek di cachenya. Jika cachenya ada file tersebut, maka dia tidak akan loading data lagi dari sdcard, sehingga css tidak terupdate. Untuk mengatasi masalah cache, pada file .java di folder src, tambahkan kode berikut

super.clearCache();

di dalam

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
super.loadUrl("file:///android_asset/www/index.html");
}

sehingga jadilah seperti ini :

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
super.clearCache();
super.loadUrl("file:///android_asset/www/index.html");
}

Oke, itu tadi untuk CSS nya. Lalu bagaimana jika untuk gambar yang dilink di CSS ? Misalnya gambar background. Untuk itu, di CSSnya bisa seperti ini :

.sample {
 background-image: URL("file:///sdcard/bg.jpeg");
}

Tinggalkan Balasan