Show activity circle before loading webview - Android

Question

I use webviewto show a webpage in my application. Downloading a web page takes about 2-3 seconds. Before loading the webpage, I want to show a progress bar, as shown in the figure here . This is what a range of activities looks like:

How can i do this?

I searched the Internet, but could not find a satisfactory and correct explanation of how it is implemented. Thank!

WebViewPage.java

public class Webpage extends Activity {

WebView web;
ProgressBar progressBar;

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.web_page);

    Intent startwebpage = getIntent();

    web = (WebView) findViewById(R.id.webView);
    web.setWebViewClient(new myWebClient());

    web.getSettings().setJavaScriptEnabled(true);
    web.loadUrl("http://www.google.com");
}

public class myWebClient extends WebViewClient
{
    @Override
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        // TODO Auto-generated method stub
        super.onPageStarted(view, url, favicon);
    }

    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        // TODO Auto-generated method stub

        view.loadUrl(url);
        return true;

    }

    @Override
    public void onPageFinished(WebView view, String url) {
        // TODO Auto-generated method stub
        super.onPageFinished(view, url);
    }
}
}

Answer 1

Display progressBarin onPageStartedand release it in onPageFinished.

    private ProgressDialog progressBar;

• Bar onPageStarted:

  @Override
  public void onPageStarted(WebView view, String url, Bitmap favicon) {
      // TODO Auto-generated method stub
      super.onPageStarted(view, url, favicon);
  
       // prepare for a progress bar dialog
          progressBar = new ProgressDialog(v.getContext());
          progressBar.setCancelable(true);
          progress.setProgressStyle(ProgressDialog.STYLE_SPINNER);            
          progressBar.show();
  }
  

2. onPageFinished:

    @Override
    public void onPageFinished(WebView view, String url) {
        // TODO Auto-generated method stub
        super.onPageFinished(view, url);

        progressBar.dismiss();
    }

EDIT: progressBar ProgressDialog.

• . "@drawable/progress"

   <ProgressBar
      android:id="@+id/progress_bar"
      style="?android:attr/progressBarStyleLarge"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerHorizontal="true"
      android:layout_centerVertical="true"
      android:visibility="gone"
      android:indeterminateDrawable="@drawable/progress" >
  </ProgressBar>
  

• . onPageStarted onPageFinished.

  private ProgressBar prgrsBar;
  
  @Override
  public void onPageStarted(WebView view, String url, Bitmap favicon) {
      // TODO Auto-generated method stub
      super.onPageStarted(view, url, favicon);
  
      prgrsBar.setVisibility(View.VISIBLE);
  }
  
   @Override
  public void onPageFinished(WebView view, String url) {
      // TODO Auto-generated method stub
      super.onPageFinished(view, url);
  
      prgrsBar.setVisibility(View.GONE);
  }
  

Answer 2

:   ProgressDialog pb = null;

        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            // TODO Auto-generated method stub
            super.onPageStarted(view, url, favicon);

            // prepare for a progress bar dialog
            if (pb == null) {
                pb = new ProgressDialog(Quiz.this);
                pb.setCancelable(true);
                pb.setProgressStyle(ProgressDialog.STYLE_SPINNER);
                pb.show();
            }
        }

        public void onPageFinished(WebView view, String url) {
            // TODO Auto-generated method stub
            super.onPageFinished(view, url);

            pb.dismiss();
        }