Membuat Aplikasi WebView Menggunakan Android Studio - Halo sobat, pada postingan kali ini aku akan membahas Cara gampang menciptakan aplikasi android Webview cukup sederhana, WebView pada Android. Bagi yang belum tahu apa itu WebView, WebView pada Android yaitu sebuah class yang sanggup menampilkan peramban website pada aplikasi Android.
Hasilnya, aplikasi yang dibentuk akan menampilkan tampilan website menyerupai halnya dikala 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, kemudian isikan Application Name dengan contoh: RiswanNet WebView. dan Compny Domain dengan nama sesuai keninginanmu, misalnya sanggup dilihat pada gambar berikut:
3. Kemudian untuk minimum SDK sanggup tentukan sesuai keinginan, kemudian Next
4. Pada pilihan Activity, silahkan pilih Blank Activity kemudian pilih Next. Selanjutnya akan muncul tampilan menyerupai di bawah ini. Biarkan saja tetap pada deafult-nya, untuk menuntaskan pembuatan proyek silahkan tekan tombol Finish.
5. Pada
uses-permission android:name="android.permission.INTERNET">
Kemudian tambahkan juga isyarat 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 teman menginginkan tampilan penuh tanpa ada kafe section silahkan tambahkan isyarat berikut pada
<style name="AppTheme.NoActionBar">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
</style>
9. Kemudian silahkan teman Run untuk melihat jadinya baik dalam emulator atau melalui device.
Hasilnya, aplikasi yang dibentuk akan menampilkan tampilan website menyerupai halnya dikala 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, kemudian isikan Application Name dengan contoh: RiswanNet WebView. dan Compny Domain dengan nama sesuai keninginanmu, misalnya sanggup dilihat pada gambar berikut:
3. Kemudian untuk minimum SDK sanggup tentukan sesuai keinginan, kemudian Next
4. Pada pilihan Activity, silahkan pilih Blank Activity kemudian pilih Next. Selanjutnya akan muncul tampilan menyerupai di bawah ini. Biarkan saja tetap pada deafult-nya, untuk menuntaskan pembuatan proyek silahkan tekan tombol Finish.
5. Pada
AndroidManifest.xml tambahkan isyarat berikut:Kemudian tambahkan juga isyarat berikut
6. Kemudian pada
activity_main.xml (terletak pada folder res/layout) tambahkan isyarat 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 isyarat menyerupai dibawah ini, tambahkan isyarat 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 teman menginginkan tampilan penuh tanpa ada kafe section silahkan tambahkan isyarat berikut pada
styles.xml (Folder res/values/styles.xml)<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
</style>
9. Kemudian silahkan teman Run untuk melihat jadinya baik dalam emulator atau melalui device.
