How To Make an App For Your Website In Less Than 30 Minutes using Android WebView

-

 What is Webview In Android?

WebView is a view that display web pages inside your application. You can also specify HTML string and can show it inside your application using WebView. WebView makes turns your application into a web application.




Following is the modified content of the xml res/layout/activity_main.xml.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">



   <WebView
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:id="@+id/webView1"></WebView>

   <ProgressBar
       android:id="@+id/progress_bar"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_gravity="center"
        android:layout_centerVertical="true"
       android:layout_centerHorizontal="true"
       android:indeterminateDrawable="@drawable/progress"

       android:maxHeight="211dp"
       android:minHeight="211dp" />

</RelativeLayout>
Now making custom prograss Bar 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="65dp"
    android:visibility="gone"
    android:background="@android:color/background_dark"
    android:orientation="vertical">

    <TextView
        android:id="@+id/progress_text"
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:layout_above="@+id/progress_bar"
        android:layout_marginLeft="10dp"
        android:layout_marginStart="10dp"
        android:background="@android:color/transparent"
        android:gravity="center_vertical"
        android:text=""
        android:textColor="@android:color/white"
        android:textSize="16sp"
        android:visibility="gone" />


    <ProgressBar
        android:id="@+id/progress_bar"
        style="@android:style/Widget.DeviceDefault.ProgressBar.Horizontal"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_gravity="center"

        android:background="@color/colorPrimaryDark"
        android:maxHeight="20dp"
        android:minHeight="20dp" />

</RelativeLayout>
Following is the content of the modified main activity file src/MainActivity.java
package com.bspl.gnus;

import androidx.annotation.RequiresApi;

import androidx.core.app.ActivityCompat;

import android.Manifest;
import android.app.Activity;

import android.content.Context;
import android.content.Intent;
import android.graphics.Bitmap;
import android.net.ConnectivityManager;
import android.net.NetworkInfo;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;

import android.util.Log;
import android.view.View;
import android.view.Window;
import android.webkit.GeolocationPermissions;
import android.webkit.PermissionRequest;
import android.webkit.ValueCallback;
import android.webkit.WebChromeClient;
import android.webkit.WebResourceRequest;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;
import android.widget.Toast;


import java.net.URISyntaxException;
import java.util.Objects;


public class MainActivity extends Activity {

    private boolean haveNetworkConnection() {
        boolean haveConnectedWifi = false;
        boolean haveConnectedMobile = false;

        ConnectivityManager cm = (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE);

        NetworkInfo[] netInfo = cm.getAllNetworkInfo();

        for (NetworkInfo ni : netInfo) {
            if (ni.getTypeName().equalsIgnoreCase("WIFI"))
                if (ni.isConnected())
                    haveConnectedWifi = true;
            if (ni.getTypeName().equalsIgnoreCase("MOBILE"))
                if (ni.isConnected())
                    haveConnectedMobile = true;
        }
        return haveConnectedWifi || haveConnectedMobile;
    }

    private WebView webView;
    String url;

    CustomProgress customProgress;
    ProgressBar progress_bar;
    int FILECHOOSER_RESULTCODE=1;
    Uri mCapturedImageURI;
    ValueCallback<Uri>  mUploadMessage;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);


        this.requestWindowFeature(Window.FEATURE_NO_TITLE);
        getWindow().requestFeature( Window.FEATURE_PROGRESS);
        setContentView(R.layout.activity_main);
        progress_bar=findViewById(R.id.progress_bar);
        progress_bar.setVisibility(View.GONE);

        if (customProgress == null) {

            customProgress = CustomProgress.getInstance();



            progress_bar.setVisibility(View.VISIBLE);
            customProgress.showProgress(MainActivity.this, "please wait....", false);
        }


        webView = (WebView) findViewById(R.id.webView1);
        webView.getSettings().setBuiltInZoomControls(true);
        webView.getSettings().setAppCacheEnabled(true);

        webView.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT);


        webView.getSettings().setLoadWithOverviewMode(true);
        webView.getSettings().setUseWideViewPort(true);
        webView.getSettings().setAllowFileAccess(true);
        webView.getSettings().setAllowContentAccess(true);
        webView.getSettings().setAllowFileAccessFromFileURLs(true);
        webView.getSettings().setAllowUniversalAccessFromFileURLs(true);
        webView.getSettings().setDomStorageEnabled(true);






        webView.getSettings().setJavaScriptEnabled(true);
        url="https://www.gondanewsupdates.in/";

        if(haveNetworkConnection()){
            startWebView(url);
        }
        else {
            customProgress.hideProgress();

            progress_bar.setVisibility(View.GONE);
            customProgress=null;
        }
    }



    private void startWebView(String url) {






        webView.setWebChromeClient(new WebChromeClient() {
            public void onGeolocationPermissionsShowPrompt(String origin, GeolocationPermissions.Callback callback) {
                callback.invoke(origin, true, false);
                //location Setting
                ActivityCompat.requestPermissions(MainActivity.this,new String[]{Manifest.permission.ACCESS_FINE_LOCATION,Manifest.permission.CAMERA,Manifest.permission.ACCESS_COARSE_LOCATION}, 1);


            }



            @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)

            public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams) {

                //   mUploadMessage = filePathCallback;

                Intent chooserIntent = fileChooserParams.createIntent();

                MainActivity.this.startActivityForResult(chooserIntent, FILECHOOSER_RESULTCODE);

                return true;

            }
            String TAG="";




        });



        webView.setWebViewClient(new WebViewClient() {



            @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {

                Uri uri = request.getUrl();




                return super.shouldOverrideUrlLoading(view, request);
            }




            public void onLoadResource (WebView view, String url) {

            }

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
                if (customProgress == null) {
                    // in standard case YourActivity.this

                    //  progressDialog.show();
                    customProgress = CustomProgress.getInstance();



                    progress_bar.setVisibility(View.VISIBLE);
                    customProgress.showProgress(MainActivity.this, "please wait....", false);
                }
            }

            public void onPageFinished(WebView view, String url) {
                try{

                    customProgress.hideProgress();
                    customProgress=null;

                    progress_bar.setVisibility(View.GONE);
                }catch(Exception exception){
                    exception.printStackTrace();
                }
                super.onPageFinished(view, url);
            }

        });

        webView.getSettings().setJavaScriptEnabled(true);


        webView.loadUrl(url);


    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if(requestCode==FILECHOOSER_RESULTCODE)
        {

            if (null == this.mUploadMessage) {
                return;

            }

            Uri result=null;

            try{
                if (resultCode != RESULT_OK) {

                    result = null;

                } else {

                    // retrieve from the private variable if the intent is null
                    result = data == null ? mCapturedImageURI : data.getData();
                }
            }
            catch(Exception e)
            {
                Toast.makeText(getApplicationContext(), "activity :"+e,
                        Toast.LENGTH_LONG).show();
            }

            mUploadMessage.onReceiveValue(result);
            mUploadMessage = null;

        }

    }


    @Override
    public void onBackPressed() {
        if(webView.canGoBack()) {
            webView.goBack();
        } else {
            super.onBackPressed();
        }
    }

}

project download GitHub

Comments

Post a Comment

Popular posts from this blog

How to Integrate or Work with Open Street Map (OSM) in an Android App (Kotlin)

-
Image
  How to Integrate or Work with Open Street Map (OSM) in an Android App (Kotlin) What is OSM? OpenStreetMap is a free, open geographic database updated and maintained by a community of volunteers via open collaboration. Contributors collect data from surveys, trace it from aerial imagery, and also from other freely licensed geodata sources. OpenStreetMap (OSM) is a collaborative mapping project that aims to create a free and editable map of the world. It is built by a community of contributors who collect, verify, and update geographic data using GPS devices, aerial imagery, and local knowledge. Here’s an explanation of how OpenStreetMap works, with an example: Data Collection : OpenStreetMap relies on volunteers to collect data. Contributors can use GPS devices to record tracks while walking, cycling, or driving, or they can trace features from satellite or aerial imagery. They can also add attributes such as street names, points of interest, and other relevant information. Editin...
Read more

ListView in android with api and volley Network Library in android Studio.

-
Image
  In a previous tutorial, you are learning what is a listview and how to make listview static in Android Studio.  Now we are learning How to make Dynamic Listview in android  Using Network library and restful API. In this tutorial, I am using Volley Network Library . Step 1: make a MainActivity.xml file in the project and add Listview in the file just like this XML code.  <? xml version ="1.0" encoding ="utf-8" ?> < FrameLayout xmlns: android ="http://schemas.android.com/apk/res/android" xmlns: app ="http://schemas.android.com/apk/res-auto" xmlns: tools ="http://schemas.android.com/tools" android :layout_width ="match_parent" android :layout_height ="match_parent" android :id ="@+id/container" tools :context =".MainActivity" > < ListView android :id ="@+id/list" android :layout_width ="match_parent" android :layout_height =...
Read more

how to implement OpenStreetMap in android

-
To implement OpenStreetMap in Android, you can use the following steps: Add the OpenStreetMap library to your project's dependencies. You can do this by adding the following line to your project's build.gradle file: implementation 'org.osmdroid:osmdroid-android:6.1.14' Add the required permissions to your app's AndroidManifest.xml file: <uses-permission android :name ="android.permission.ACCESS_FINE_LOCATION" /> <uses-permission android :name ="android.permission.ACCESS_COARSE_LOCATION" /> <uses-permission android :name ="android.permission.ACCESS_BACKGROUND_LOCATION" /> <uses-permission android :name ="android.permission.INTERNET" />   Create a layout file for the map view. You can use a RelativeLayout or a FrameLayout to contain the map view. Here's an example layout file: <? xml version ="1.0" encoding ="utf-8" ?> <RelativeLayout xmlns: android ="http...
Read more