Webview Tricks and Tips

-
To enable back button should be not close the application and web pages navigation only,

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK) {
               webview.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }


Webview settings:

        WebSettings webSetting = sWebview.getSettings();
        webSetting.setJavaScriptEnabled(true);
        webSetting.setDisplayZoomControls(false);
        //Set whether the DOM storage API is enabled.
        webSetting.setDomStorageEnabled(true);
        sWebview.setWebChromeClient(new WebChromeClient());
        sWebview.setWebViewClient(new MyWebViewClient());

To interact between Java and Javascript:

WebAppInterface.Java

import android.app.Activity;
import android.util.Log;
import android.webkit.JavascriptInterface;
import android.webkit.WebView;

 public class WebAppInterface {
    Activity activity;
    ResultInterface resultInterface;
    WebView webView;

     /** Instantiate the interface and set the context */
    WebAppInterface(Activity activity, ResultInterface resultInterface, WebView webView) {
        this.activity = activity;
        this.resultInterface = resultInterface;
        this.webView = webView;
    }
    public void displayMessage(String message){
       final String url = "javascript:displayJavaMsg('"+message+"')";
        if(!activity.isFinishing()){
            activity.runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    webView.loadUrl(url);
                }
            });
        }
    }

     /** Show a toast from the web page */
    @JavascriptInterface
    public void passValue(String value) {
        resultInterface.result(value);
        Toast.makeText(mContext, value, Toast.LENGTH_SHORT).show();
    }
}

ResultInterface.Java

public interface ResultInterface {
    void result(String value);
}


In your MainActivity.Java

WebAppInterface webInterface;

In OnCreate:

sWebview.loadUrl("file:///android_asset/index.html")
 webInterface = new WebAppInterface(MainActivity.this, new ResultInterface() {
            @Override
            public void result(String result) {
                Log.i("web_result", result);
            }

         }, sWebview);

 sWebview.addJavascriptInterface(webInterface, "Android");

 webInterface.displayMessage("Java to Javascript");

 In your html, index.html

 <!doctype html>
<html>
<head>
    <title>Android WebView Example</title>
</head>
<body>
<script type="text/javascript" src="script.js"></script>
<input type="text" id="txt_amt" style="padding:5px; margin: 20px;">
<div style="margin: 10px;">
    <button id="btn_show" type="button" onclick="printAll()" style="background-color: #008CBA;border: none;color: white;padding: 15px 32px;
    text-align: center;text-decoration: none;display: inline-block;font-size: 16px;">Click here
    </button>
</div>
</body>
</html>


 script.js

 function printResult(){
Android.passValue("Javascript to Java")
}

 function displayJavaMsg(msg){
alert(msg);
}






Comments

Post a Comment

Popular posts from this blog

Flutter Bloc - Clean Architecture

-
Hey friends, Have a good day. Few days back, I got an interview and assign this task. Anyhow I done my best.  I post my code in github, If anyone wants to try the bloc with clean architecture you can look it that my code. This is following task: I should be able to list all albums and see their title I should be able to filter albums by title I should be able to see the photos of one specific album I should see the thumbnail(thumbnailUrl) and title Here I use bloc for state management. After a long gap, I used and updated the latest version of bloc. Then for api consuming I used jsonplacedholder site. For http calls: Dio and Retrofit I used.  Here is link .  If you want something more features in this repo, please comment here. 
Read more

What's new in android 14?

-
The name for Android 14 has not been officially announced yet, but it is rumored to be called "Upside Down Cake". Android 14 is the upcoming version of the Android mobile operating system, which is developed by Google. It is expected to be released in the third quarter of 2023. Here are some of the new features and changes that are rumored to be included in Android 14: Improved privacy and security features: Android 14 is expected to include a number of new features to improve user privacy and security, such as the ability to grant apps temporary permissions, the ability to revoke app permissions individually, and the ability to disable unused apps. Enhanced performance and battery life: Android 14 is expected to include a number of optimizations to improve performance and battery life. For example, it is expected to include a new feature called "Project Mainline" that will allow Google to push out updates to core Android components directly to users, without havi
Read more

Dependencies vs Dev Dependencies in Flutter

-
 Hey friends, good noon. Rainfall on summer here, It's unusual. Let's see the difference between dependencies and dev dependencies in flutter. Dependencies: Included in your app during compilation.  Dev Dependencies: Can use on while developing the app on development stage. Like testing. Doesn't include any inside the apk. When your add the dev dependencies in pubspec.yaml, It won't show the auto complete on your android studio. you have type the whole package yourself. 
Read more