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.
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.
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
uses-permission android:name="android.permission.INTERNET">
Kemudian tambahkan juga kode berikut
android:theme="@style/AppTheme.NoActionBar"
6. Kemudian pada
<?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
//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
<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.
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.
Terima Kasih, telah berkunjung. jangan lupa follow FunPages21
|
Belum ada Komentar untuk "Membuat Aplikasi WebView Menggunakan Android Studio"
Posting Komentar