load webview with image fullscreen

Question

I am using webview and when there is no internet, I like to display png in my fragment. But the png is not occupying full screen. Here is my code -

@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(....);


        webview = (WebView)view.findViewById(R.id.webview1);

        webview.getSettings().setJavaScriptEnabled(true);
        webview.setWebViewClient(new WebClient(getActivity()));
        webview.loadUrl(url);

        return view;
    }

    public class WebClient extends android.webkit.WebViewClient {
    Context mActivity;

    public WebClient(Context context){
        mActivity = context;
    }
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {

        return false;

    }

    public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
        view.setBackgroundColor(0);
        view.loadUrl("file:///android_res/drawable/no_internet.png");
    }

}

See this:http://stackoverflow.com/questions/10395292/android-webview-scaling-image-to-fit-the-screen — rafsanahmad007, Feb 03 '17 at 15:01

score 0 · Answer 1 · answered Feb 03 '17 at 14:55

Hey you it's simple you just have to set height and width wile you load url in on onReceivedError.

Display display = getWindowManager().getDefaultDisplay();
int width=display.getWidth();

String data="<html><head><title>Example</title><meta name=\"viewport\"\"content=\"width="+width+", initial-scale=0.65 \" /></head>";
data=data+"<body><center><img width=\""+width+"\" src=\""+url+"\" /></center></body></html>";
webView.loadData(data, "text/html", null);

and you done with the problem :)

Another way to try with

WebSettings settings = webView.getSettings();
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);

load webview with image fullscreen

1 Answers1