Hasilnya, aplikasi yang dibuat akan menampilkan tampilan website seperti halnya ketika kita membuka situs website melalui browser pada mobile. Bedanya pada tampilan WebView ini tidak terdapat address bar, sehingga URL-nya sudah kita definisikan di dalam aplikasi Android. Caranya yaitu dengan memanggil url website dan menampilkannya di dalam aplikasi.
Membuat Aplikasi WebView Menggunakan Android Studio
1. Buka aplikasi Android Studio pada komputer sobat
2. Kemudian nuat New Project, lalu isikan Application Name dengan contoh: RiswanNet WebView. dan Compny Domain dengan nama sesuai keninginanmu, contohnya bisa dilihat pada gambar berikut:
3. Kemudian untuk minimum SDK bisa tentukan sesuai keinginan, kemudian Next
4. Pada pilihan Activity, silahkan pilih Blank Activity kemudian pilih Next. Selanjutnya akan muncul tampilan seperti di bawah ini. Biarkan saja tetap pada deafult-nya, untuk menyelesaikan pembuatan proyek silahkan tekan tombol Finish.
5. Pada
AndroidManifest.xml
tambahkan kode berikut:Kemudian tambahkan juga kode berikut
6. Kemudian pada
activity_main.xml
(terletak pada folder res/layout) tambahkan kode berikut:<WebView
android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/webView" android:layout_centerHorizontal="true" />
</LinearLayout>
7. Pada
MainActivity.java
silakan lengkapi kode seperti dibawah ini, tambahkan kode ini dalam function onCreateWebView mWebView = (WebView) findViewById(R.id.webView);
// Enable Javascript
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
//loads the url
mWebView.loadUrl("https://riswan.net/");
//cancels all hyperlinks
mWebView.setWebViewClient(new WebViewClient() {
public boolean shouldOverrideUrlLoading(WebView view, String url) {
return false;
}
}
);
8. Lalu terakhir apabila sobat menginginkan tampilan penuh tanpa ada bar section silahkan tambahkan kode berikut pada
styles.xml
(Folder res/values/styles.xml
)<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
</style>
9. Kemudian silahkan sobat Run untuk melihat hasilnya baik dalam emulator atau melalui device.
No comments:
Post a Comment