(Tutorial Android) Tutorial Webview Android


Ketika kita ingin menampilkan halaman web pada aplikasi Android, cukup dengan WebView. WebView ialah salah satu widget di Android yang memungkinkan kita untuk menampilkan ataupun menciptakan Web Apps di Android. WebView layaknya browser yang sanggup menampilkan konten-konten web.

Pada tutorial kali ini aku akan coba menciptakan aplikasi dengan WebView.

Pertama, tambahkan widget WebView di layout activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout 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.example.android_webview.MainActivity">     <WebView         android:id="@+id/webView"         android:layout_width="match_parent"         android:layout_height="match_parent" /> </RelativeLayout> 

Untuk menampilkan halaman web di WebView kita cukup memakai method loadUrl(). Contohnya :
WebView webView = (WebView) findViewById(R.id.webview); webView.loadUrl("http://andronut.blogspot.com"); 

Jika halaman web memakai javascript, maka kita sanggup mengaktifkan javascript di webview dengan method setJavaScriptEnabled(true).

Nah sesudah itu kita coba untuk menambahkan webview ke activity. Berikut coding lengkapnya :
package com.example.android_webview;  import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient;  public class MainActivity extends AppCompatActivity {      private WebView webView;      @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);         webView = (WebView) findViewById(R.id.webView);          setupWebView();         loadUrl("http://andronut.blogspot.co.id/");     }      private void setupWebView(){         WebSettings settings = webView.getSettings();         settings.setJavaScriptEnabled(true);         webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);         webView.setWebViewClient(new WebViewClient() {             public void onPageFinished(WebView view, String url) {                 // when load finished             }         });     }      private void loadUrl(String url){         webView.loadUrl(url);     } } 

Terakhir jangan lupa tambahkan permission untuk mengakses internet di AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android"     package="com.example.android_webview">      <uses-permission android:name="android.permission.INTERNET"/>      <application         android:allowBackup="true"         android:icon="@mipmap/ic_launcher"         android:label="@string/app_name"         android:supportsRtl="true"         android:theme="@style/AppTheme">         <activity android:name=".MainActivity">             <intent-filter>                 <action android:name="android.intent.action.MAIN" />                  <category android:name="android.intent.category.LAUNCHER" />             </intent-filter>         </activity>     </application>  </manifest> 

Build dan jalankan maka balasannya sebagai berikut :


Source code lengkap sanggup dilihat di https://github.com/andronut/Android-WebView

Sekian tutorial singkat ini.
Semoga bermanfaat.
Happy Coding :)

Comments

Popular posts from this blog

Pewarnaan Objek Geometri Di Java 2D

Tugas Komplemen Terakhir

Konsep Oop Encapsulation