Skip to content Skip to sidebar Skip to footer

Cara Membuat Aplikasi Web View Blog || Android Studio

Selamat Malam Guys ...

Aplikasi Web View ????

Pada kesempatan kali ini saya  mau berbagi cara buat aplikasi web view menggunakan android studio dan aplikasi ini adalah basis yang dapat digunakan untuk menggulung browser web/blog kita sendiri atau hanya menampilkan beberapa konten online dalam Aktivitas kita, ,cara cukup mudah dan simple guys, dan teman-teman yang berminat tools atau mau bikin web view bisa lang sung ikutin tutorial di bawah ya.....

Buat project baru di Android Studio File New Project. Kemudian pilih Empty Activity dan melanjutkannya hingga selesai.

Tampilan untuk menampilkan WebView.
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>  <android.support.v4.widget.SwipeRefreshLayout  xmlns:android="http://schemas.android.com/apk/res/android"      android:id="@+id/swipe_refresh"      android:layout_width="match_parent"      android:layout_height="match_parent">
    <WebView        android:id="@+id/web_view"        android:layout_width="match_parent"        android:layout_height="match_parent" />
  </android.support.v4.widget.SwipeRefreshLayout>

Buka styles.xml pada res=>values=>styles.xml dan tambahkan code dibawah ini. Code tambahan dibawah ini berfungsi untuk menghilangkan ActionBar pada app Android.
styles.xml
<resources>
    <!-- Base application theme. -->    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">        <!-- Customize your theme here. -->        <item name="colorPrimary">@color/colorPrimary</item>        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>        <item name="colorAccent">@color/colorAccent</item>    </style>    <!-- Tambahkan shob -->    <style name="AppTheme.NoActionBar">        <item name="windowActionBar">false</item>        <item name="windowNoTitle">true</item>    </style>    <!-- Tambahan shob -->
</resources>

Buka MainActivity.java dan tambahkan coding seperti dibawah ini. Class ini digunakan untuk menampilkan WebView  dan jangan lupa Urlnya rubah dengan web sendiri yang sudah bertanda kuning di codingan di bawah .
MainActivity.java

package com.example.danysolution.waliraja;
import android.support.v4.widget.SwipeRefreshLayout;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.webkit.WebChromeClient;import android.webkit.WebResourceError;import android.webkit.WebResourceRequest;import android.webkit.WebSettings;import android.webkit.WebView;import android.webkit.WebViewClient;
public class MainActivity extends AppCompatActivity implements SwipeRefreshLayout.OnRefreshListener {

    SwipeRefreshLayout swipeRefreshLayout;    WebView webView;    WebSettings webSettings;
    String URL = "http://www.danytux.ga";
    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);
        swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh);        webView = (WebView) findViewById(R.id.web_view);
        swipeRefreshLayout.setOnRefreshListener(this);
        webSettings = webView.getSettings();        webSettings.setJavaScriptEnabled(true); // Untuk mengaktifkan javascript        webSettings.getUseWideViewPort();
        webView.setWebChromeClient(new WebChromeClient() {
            @Override            public void onProgressChanged(WebView view, int newProgress) {
                // Menampilkan loading ketika webview proses load halaman                swipeRefreshLayout.setRefreshing(true);            }
        });
        webView.setWebViewClient(new WebViewClient(){
            // Ketika webview error atau selesai load page loading akan dismiss
            @Override            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                swipeRefreshLayout.setRefreshing(false);            }

            @Override            public void onPageFinished(WebView view, String url) {
                swipeRefreshLayout.setRefreshing(false);            }
        });
        webView.loadUrl(URL);
    }

    @Override    public void onRefresh() {
        // Untuk refresh webview dengan swipe        webView.reload();    }

    @Override    public void onBackPressed() {
        // Jika Webview bisa di back maka backward page sebelumnya        if (webView.canGoBack()) {
            webView.goBack();        } else {
            finish();            System.exit(0);        }
    }
}

Tambahkan perijinan internet dan pasang style theme pada MainActivty untuk mengaktifkan NoActionBar pada AndroidManifest.xml seperti dibawah yang ber warna kuning ini :
AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.example.danysolution.waliraja">    <uses-permission android:name="android.permission.INTERNET"/>
    <application        android:allowBackup="true"        android:icon="@mipmap/ic_launcher"        android:label="@string/app_name"        android:roundIcon="@mipmap/ic_launcher_round"        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>

All hasil ......



Sekian hanya itu postingan pada malam hari ini semoga bermanfaat dan kalau ada yang kebingungan bisa langsung koment di bawah wassalamualaikum....!


1 comment for "Cara Membuat Aplikasi Web View Blog || Android Studio"

lebih lengkap