duplicate webview, i want to load same in each

Question

How to display two webview in split screen which works similar, I want to duplicate a webview, and i want to scroll both at the same time. Thanks

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:weightSum="2">

    <WebView
        android:id="@+id/webView"
        android:layout_width="150dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        >

    </WebView>

    <WebView
        android:id="@+id/webView2"
        android:layout_width="150dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"></WebView>
</LinearLayout>

I have tried this, but i want to duplicate webview. and this is showing another and i have to load url again for second.

I dont want to load agin in second one i just want to be mirror.

this should help: https://stackoverflow.com/questions/12398283/android-mirroring-a-view — njzk2, Jul 21 '16 at 22:01
he has mentioned that he should be able to scroll down the web views simultaneously. Generating a screenshot of the web view won't help — Aditya, Jul 21 '16 at 22:02
yes if i scroll first one, second one will scroll automatically, — Shahzain ali, Jul 21 '16 at 22:04
You want a fully mirror `webView` or Simply 1. Load same url 2. Scroll 1st then automatically 2nd scroll — Pramod Waghmare, Jul 27 '16 at 10:30
What do you means "I dont want to load agin in second one i just want to be mirror" — Pramod Waghmare, Jul 28 '16 at 12:05
means i want to load url in first, and in second it shows similar to webview 1, i dont want to loadurl again for second webview, i want some graphics method or something else which will mirror view. hope you understand — Shahzain ali, Jul 28 '16 at 12:07
http://imgur.com/a/pYfBU check this image ,, if it was mirror both will display same, but in one web it open an addverstisement. — Shahzain ali, Jul 28 '16 at 12:09

Pramod Waghmare · Answer 1 · 2016-07-29T10:38:58.297

Try this,

create layout file content_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:weightSum="9">

    <com.pramod.webviewdemo.ObservableWebView
        android:id="@+id/webViewOriginal"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="4"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Second View"/>


    <WebView
        android:id="@+id/webViewMirror"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="5"/>

</LinearLayout>

Create Class ObservableWebView for handle event from originalWebview

public class ObservableWebView extends WebView
{
    private OnScrollChangedCallback mOnScrollChangedCallback;

    public ObservableWebView(final Context context)
    {
        super(context);
    }

    public ObservableWebView(final Context context, final AttributeSet attrs)
    {
        super(context, attrs);
    }

    public ObservableWebView(final Context context, final AttributeSet attrs, final int defStyle)
    {
        super(context, attrs, defStyle);
    }

    @Override
    protected void onScrollChanged(final int l, final int t, final int oldl, final int oldt)
    {
        super.onScrollChanged(l, t, oldl, oldt);
        if(mOnScrollChangedCallback != null) mOnScrollChangedCallback.onScroll(l, t);
    }

    public OnScrollChangedCallback getOnScrollChangedCallback()
    {
        return mOnScrollChangedCallback;
    }

    public void setOnScrollChangedCallback(final OnScrollChangedCallback onScrollChangedCallback)
    {
        mOnScrollChangedCallback = onScrollChangedCallback;
    }

    /**
     * Impliment in the activity/fragment/view that you want to listen to the webview
     */
    public static interface OnScrollChangedCallback
    {
        public void onScroll(int l, int t);
    }
}

Update MainActivity.java with,

    public class MainActivity extends AppCompatActivity {

    private WebView  webViewMirror;
    private ObservableWebView webViewOriginal;

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

        // initialize view
        webViewOriginal = (ObservableWebView)findViewById(R.id.webViewOriginal);
        webViewMirror = (WebView)findViewById(R.id.webViewMirror);

        //set web settings for original
        webViewOriginal.getSettings().setLoadsImagesAutomatically(true);
        webViewOriginal.getSettings().setJavaScriptEnabled(true);
        webViewOriginal.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);

        //set web settings for duplicate / mirroe
        webViewOriginal.getSettings().setLoadsImagesAutomatically(true);
        webViewOriginal.getSettings().setJavaScriptEnabled(true);
        webViewOriginal.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);

        // set clients for webview
        webViewOriginal.setWebViewClient(new WebClientForOriginal());
        webViewMirror.setWebViewClient(new WebClientForMirror());

        // add listener to listen scroll For original webview
        webViewOriginal.setOnScrollChangedCallback(new ObservableWebView.OnScrollChangedCallback() {
            public void onScroll(int x, int y) {
                Log.d("MainActivity", "We Scrolled etc..." + " X " + x + " Y " + y);
                webViewMirror.scrollTo(x,y);
            }
        });

        //disabled touch event event.   
        webViewMirror.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                return true;
            }
        });

        // load urls
        webViewOriginal.loadUrl("http://www.google.com");
        webViewMirror.loadUrl("http://www.google.com");

    }

    /**
     * Set web client for original web view
     */
    private class WebClientForOriginal extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            webViewMirror.loadUrl(url);
            return true;
        }
    }

    /**
     * Set web client for mirror web view
     */
    private class WebClientForMirror extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }
}

Yes scroll works perfect, but it loads pages seperately, i dont want to load seperately, i want to load in one and second will be mirror. — Shahzain ali, Jul 28 '16 at 12:00
Got it. Try updated answer. Your problem will solve completely. — Pramod Waghmare, Jul 28 '16 at 13:03
problem is still not solved, i will accept it if you give me code, that not url again for second, just copy ui. — Shahzain ali, Jul 29 '16 at 20:09

score 0 · Answer 2 · answered Jul 25 '16 at 07:24

0

Same use case was in my project. I have achieved it through putting web view in List view.it will scroll entire screen irrespective of webview. Try once and let me know whether it is working for you or not? Hope it will work :) GlbMP

answered Jul 25 '16 at 07:24

Manoj Kumar Pandit

43
4

But ho to duplicate(show a copy of webview to other half screen) ? – Shahzain ali Jul 25 '16 at 07:25

score 0 · Answer 3 · answered Jul 26 '16 at 11:51

i have used this type of view for horizontal scroll and inside it there is imageview and textview hope this will work for you

 <LinearLayout
    android:id="@+id/rel_c_content"
  android:layout_width="wrap_content"
 android:layout_height="wrap_content"
  android:gravity="center"
   android:orientation="horizontal"
  android:padding="5dp" />

and here is java code

int i = 0;
    do {
        if (i >= arrayofRelated.size()) {
            return;
        }

        View view = getLayoutInflater().inflate(R.layout.related_content, null);
        final ImageView imageView = (ImageView) view.findViewById(R.id.img_rela);
        final TextView txt_relmname = (TextView) view.findViewById(R.id.text_relmname);
        imageView.setId(i);

        linearContent.addView(view);

        objChildBean = arrayofRelated.get(i);
        imageLoader.DisplayImage(Constant.SERVER_IMAGE_THUMB + objChildBean.getRelatedImage().toString(), imageView);
        txt_relmname.setText(objChildBean.getRelatedTitle().toString());

        <Here you can load url in webview>

        i++;
    } while (true);

score 0 · Answer 4 · answered Jul 27 '16 at 06:34

** I am trying this...**

take Layout set height to webview to as you wish

<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
  >
    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"

 android:background="@color/colorAccent"
    android:weightSum="1">


    <WebView
        android:id="@+id/webView"
        android:layout_width="0dp"
        android:layout_height="1000dp"
     android:layout_weight="0.50"
        >

    </WebView>


    <WebView
        android:id="@+id/webView2"
        android:layout_width="0dp"
        android:layout_height="1000dp"
        android:layout_weight="0.50">

    </WebView>
    </LinearLayout>


</ScrollView>

=Try this FOr match parent I am trying to Fix height than it's work try more to match parent by this

 android:fillViewport="true"
     android:scrollbars="vertical"

Code

import android.app.ProgressDialog;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;


public class MainActivity extends AppCompatActivity {
    private WebView webView1,webView2;
    private static final String TAG = "TAGGBOX";
    private ProgressDialog progressBar;
    // check secret prefix
    String msg="";

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

    WebSettings settings = webView1.getSettings();
    WebSettings settings1 = webView2.getSettings();
    settings.setJavaScriptEnabled(true);
    settings1.setJavaScriptEnabled(true);
    //ws.setJavaScriptEnabled(true);
    settings.setJavaScriptCanOpenWindowsAutomatically(true);
    settings1.setJavaScriptCanOpenWindowsAutomatically(true);





//        /wcc = new MyWebChromeClient();


    webView1.setScrollContainer(false);
    webView2.setScrollContainer(false);
    webView1.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
        return (event.getAction() == MotionEvent.ACTION_MOVE);
        }
    });

    webView2.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
        return (event.getAction() == MotionEvent.ACTION_MOVE);
        }
    });


    webView1.setVerticalScrollBarEnabled(false);
    webView1.setHorizontalScrollBarEnabled(false);

    webView2.setVerticalScrollBarEnabled(false);
    webView2.setHorizontalScrollBarEnabled(false);


    webView1.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
    webView2.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);


    webView1.setWebViewClient(new WebViewClient() {

        public boolean shouldOverrideUrlLoading(WebView view, String url) {
        Log.i(TAG, "Processing webview url click..."+url);
        view.loadUrl(url);

        return true;
        }


        public void onPageFinished(WebView view, String url) {
        Log.e(TAG, "Finished loading URL: " + url);


        //webview.reload();
        }


        public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
          /*  Log.e(TAG, "Error: " + description);
        Toast.makeText(MainActivity.this, "Please Check the Internet Connection", Toast.LENGTH_SHORT).show();
        alertDialog.setTitle("Error");
        alertDialog.setMessage("Please Check the Internet Connection");
        alertDialog.setButton("OK", new DialogInterface.OnClickListener() {
            public void onClick(DialogInterface dialog, int which) {
            return;
            }
        });
        alertDialog.show();*/


        }
    });

    webView1.loadUrl("http://stackoverflow.com/");


    // ATTENTION: This was auto-generated to implement the App Indexing API.
    // See https://g.co/AppIndexing/AndroidStudio for more information.


    webView2.setWebViewClient(new WebViewClient() {

        public boolean shouldOverrideUrlLoading(WebView view, String url) {
        Log.i(TAG, "Processing webview url click..."+url);
        view.loadUrl(url);

        return true;
        }


        public void onPageFinished(WebView view, String url) {
        Log.e(TAG, "Finished loading URL: " + url);


        //webview.reload();
        }


        public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
          /*  Log.e(TAG, "Error: " + description);
        Toast.makeText(MainActivity.this, "Please Check the Internet Connection", Toast.LENGTH_SHORT).show();
        alertDialog.setTitle("Error");
        alertDialog.setMessage("Please Check the Internet Connection");
        alertDialog.setButton("OK", new DialogInterface.OnClickListener() {
            public void onClick(DialogInterface dialog, int which) {
            return;
            }
        });
        alertDialog.show();*/


        }
    });

    webView2.loadUrl("http://stackoverflow.com/");


    }



    private void SetypUI() {
    webView1 = (WebView) findViewById(R.id.webView);
    webView2 = (WebView) findViewById(R.id.webView2);
    }



}

But i don't want to load seperately, i want to show duplicate not to load again. — Shahzain ali, Jul 28 '16 at 08:35

duplicate webview, i want to load same in each

4 Answers4