--ADVERTISEMENT--

By default, Navigation Back Feature is disabled in android WebView. You can enable it by Overriding onKeyDown method, so in this tutorial I will teach you how to Implement Navigation Back Feature to Android WebView. To get back from your android WebView application, you need to press back button from android device.

Android Example: Implementing Navigation Back Feature to Android WebView Application

Implementing Navigation Back Feature to Android WebView Demo:

 

Use Following Code to Implement Navigation Back Feature:


    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) {
            myWebView.goBack(); // Go to previous page
            return true;
        }
        // Use this as else part
        return super.onKeyDown(keyCode, event);
    }




Step 1: Create Android Project:

Create a new android project for Implementing Navigation Back Feature to Android WebView Application with following information:

Application name: Adding Navigation Back Feature to Android WebView
Company Domain: sirseni.com
Package name: com.sirseni.addingnavigationbackfeaturetoandroidwebview
Minimum SDK: Android 2.2 (API 8 Froyo)

Step 2: Adding WebView to Your activity_main.xml file:

res/layout/activity_main.xml

<WebView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/myWebView"
    android:scrollbars="none"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />


Step 3: Modify your MainActivity.java file:

src/MainActivity.java

/* Implementing Navigation Back Feature to Android WebView */
package com.sirseni.addingnavigationbackfeaturetoandroidwebview;

import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;


public class MainActivity extends Activity {
    WebView myWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        myWebView = (WebView) findViewById(R.id.myWebView);
        myWebView.loadUrl("http://www.centerend.com");
        WebSettings webSettings = myWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        myWebView.setWebViewClient(new MyWebViewClient());

    }

    private class MyWebViewClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            if (Uri.parse(url).getHost().equals("www.centerend.com")) {
                return false;
            }
            Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
            startActivity(intent);
            return true;
        }
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) {
            myWebView.goBack(); // Go to previous page
            return true;
        }
        // Use this as else part
        return super.onKeyDown(keyCode, event);
    }
}


Add the INTERNET Permission to Your AndroidManifest File

You must add the INTERNET permission to your AndroidManifest.xml file to load website in your application. So before running your WebView application, add single line code to your Android Manifest file.

<uses-permission android:name="android.permission.INTERNET" />


Step 4: Modify AndroidManifest.xml file:


<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.sirseni.addingnavigationbackfeaturetoandroidwebview">

    <uses-permission android:name="android.permission.INTERNET" />

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme">
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>


Now run your Implementing Navigation Back Feature to Android WebView application by just clicking Run icon. To see how Navigation Back Feature works, just click one of home screen icon like HTML, CSS, Bootstrap and for back to home page you need to press back button from your android device.

Simple Android WebView Example and Tutorial

How to Load HTML Data/String on Android WebView Application

Implementing Navigation Back Feature to Android WebView Demo:




Download Complete Example Project


Download complete Implementing Navigation Back Feature to Android WebView Application example project source code from GitHub.

Post a Comment

Powered by Blogger.