Menampilkan data dari File Lokal/SDCARD ke WebView dalam Android

Contoh Kasus:

Saya mempunyai file HTML bernama kursus.html yang terletak dalam memori SDCARD, dimana isi dari file kursus.html seperti terlihat dibawah ini:

<center><h2>Kursus a2fahmi.com</h2></center> 

<hr />

<ul>

<li><p style=”color:red”>Kursus Android</p></li>

<li><p style=”color:blue”>Kursus PHP & MySQL</p></li>

<li><p style=”color:green”>Kursus JAVA</p></li>

</ul>

<center>

<span style=”font-size:small”>Trained by </span>

<span style=”font-size:small;color:red”><b>Fahmi Basya Kartapura</b></span>

</center>

Hasil yang diinginkan

Saya ingin agar isi dari file kursus.html bisa tampil ke WebView seperti terlihat pada gambar dibawah ini:

Pertanyaan:

Bagaimana cara membuatnya … ?

Jawaban:

Buatlah sebuah projek Android bernama webview dengan Activity utama bernama Webview.

Perubahan isi dari File main.xml

Bukalah file main.xml, lalu rubahlah isinya menjadi seperti berikut ini:

<?xml version=”1.0″ encoding=”utf-8″?> 

<WebView xmlns:android=”http://schemas.android.com/apk/res/android”

android:layout_width=”fill_parent”

android:layout_height=”fill_parent”

android:id=”@+id/webview”/>

Perubahan Kode pada Activity Webview

Bukalah file Webview.java lalu rubahlah kodenya sehingga menjadi seperti berikut ini:

public class Webview extends Activity { 

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

WebView wv=(WebView)findViewById(R.id.webview);

String sdcard=Environment.getExternalStorageDirectory().getPath();

String nama_file=”file:///”+sdcard+”/kursus.html”;

wv.loadUrl(nama_file);

}

}

Keterangan:

  • Import library secara otomatis menggunakan tombol CTRL+SHIFT+O.
  • WebView wv=(WebView)findViewById(R.id.webview), Kode ini digunakan untuk membuat objek WebView dari elemen file XML yang mempunyai ┬áid=”webview” .
  • Environment.getExternalStorageDirectory().getPath(), Kode ini digunakan untuk mengambil path dari external storage dalam android.
  • String nama_file=”file:///”+sdcard+”/kursus.html”, Dalam kode ini “file:///” digunakan untuk menyatakan bahwa file ini adalah file lokal.
  • wv.loadUrl(nama_file), Kode ini digunakan untuk meload URL dari isi variabel nama_file ke objek wv.

 

 

Jika tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura’.

 

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *