Monday, 9 April 2018

Membuat Aplikasi WebView Menggunakan Android Studio

Membuat Aplikasi WebView Menggunakan Android Studio - Halo sobat, pada postingan kali ini saya akan membahas Cara mudah membuat aplikasi android Webview cukup sederhana, WebView pada Android. Bagi yang belum tahu apa itu WebView, WebView pada Android adalah sebuah class yang dapat menampilkan peramban website pada aplikasi Android.

Membuat Aplikasi WebView Menggunakan Android Studio - Riswan.net

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:
uses-permission android:name="android.permission.INTERNET">

Kemudian tambahkan juga kode berikut
android:theme="@style/AppTheme.NoActionBar"

6. Kemudian pada activity_main.xml (terletak pada folder res/layout) tambahkan kode berikut:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.riswannet.hwebview.MainActivity">
<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 onCreate
//identifies the webview
WebView 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)
<style name="AppTheme.NoActionBar">
<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