将 ProgressBar 添加到 WebView 片段中

Question

我正在完成我的应用程序，这是一个包含一些 WebView 片段和导航抽屉的简单应用程序，一切正常，但我不知道如何在 WebView 加载页面时添加进度条，我得到的只是页面加载前的空白屏幕。

这是我的代码...

HomeFragment.java

public class HomeFragment extends Fragment {


private WebView webView;


public HomeFragment() {
    // Required empty public constructor
}

@Override
public void onAttach(Activity activity) {
    super.onAttach(activity);
}

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
}



@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    View mainView = (View) inflater.inflate(R.layout.fragment_my_fragment1, container, false);
    WebView webView = (WebView)mainView.findViewById(R.id.webview);
    webView.setWebViewClient(new MantenerDominioWeb());
    webView.getSettings().setJavaScriptEnabled(true);
    webView.getSettings().setBuiltInZoomControls(false);
    webView.getSettings().setSupportZoom(false);
    webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
    webView.getSettings().setAllowFileAccess(true);
    webView.getSettings().setDomStorageEnabled(true);
    webView.canGoBack();
    webView.goBack();
    webView.loadUrl("http://www.lfcchile.com/");
    return mainView;


}



@Override
public void onActivityCreated(Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
}

@Override
public void onDestroy() {
    super.onDestroy();
}

@Override
public void onDetach() {
    super.onDetach();
}
}

我的 WebViewClient class

public class MantenerDominioWeb extends WebViewClient {

private WebView webView;
public ProgressBar progressBarT4;


@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
    if (Uri.parse(url).getHost().endsWith("lfcchile.com") || (Uri.parse(url).getHost().endsWith("thisisanfield.com")) || (Uri.parse(url).getHost().endsWith("liverpoolecho.co.uk")) || (Uri.parse(url).getHost().endsWith("liverpoolfc.com"))) {
        return false;
    }

    Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
    view.getContext().startActivity(intent);
    return true;
}

}

还有我的相框XML

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" tools:context="com.lfcchile.MyFragment1">

<!-- TODO: Update blank fragment layout -->
<TextView android:layout_width="match_parent" android:layout_height="match_parent"
    android:gravity="center"
    android:text="@string/homefrag" />

<WebView
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />

<ProgressBar
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_gravity="center"
android:id="@+id/progressBar1"/>

</FrameLayout>

有什么想法吗？我尝试放置 WebView 的进度条 "in front"，但是当页面加载时图标并没有消失...

Answer 1

将您的 ProgressBar 设置为 visibility="gone" 以开始
在您的 WebViewClient 子类中，覆盖 onPageStarted() 以将 ProgressBar 的可见性设置为 VISIBLE
在您的 WebViewClient 子类中，覆盖 onPageFinished() 以将 ProgressBar 的可见性设置为 GONE
创建一个 WebChromeClient 子类覆盖 onProgressChanged() 以更新 ProgressBar
通过调用 WebView.setWebChromeClient()

WebChromeClient

WebView

Answer 2

我认为不可能放一个进度条，因为每个站点都有一定的大小，在完成下载页面之前很难测量它。

但是您可以在页面加载时放置一个预加载程序（加载），并在加载结束后删除用户的访问权限。

使用进度对话框：

public class HomeFragment extends Fragment {

private ProgressDialog progress;
private WebView webView;


public HomeFragment() {
    // Required empty public constructor
}

@Override
public void onAttach(Activity activity) {
    super.onAttach(activity);
}

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
}



@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View mainView = (View) inflater.inflate(R.layout.fragment_my_fragment1, container, false);
        WebView webView = (WebView)mainView.findViewById(R.id.webview);
        webView.setWebViewClient(new MantenerDominioWeb());
        webView.getSettings().setJavaScriptEnabled(true);
        webView.getSettings().setBuiltInZoomControls(false);
        webView.getSettings().setSupportZoom(false);
        webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
        webView.getSettings().setAllowFileAccess(true);
        webView.getSettings().setDomStorageEnabled(true);
        webView.canGoBack();
        webView.goBack();
        webView.loadUrl("http://www.lfcchile.com/");

        progress = ProgressDialog.show(this, "Aguarde...",
                    "Processando sua solicitação.", true);
        webView.setWebViewClient(new WebViewClient() {

           public void onPageFinished(WebView view, String url) {
                if (progress != null)
                    progress.dismiss();
            }
        });
        return mainView;


    }



@Override
public void onActivityCreated(Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
}

@Override
public void onDestroy() {
    super.onDestroy();
}

@Override
public void onDetach() {
    super.onDetach();
}
}

将 ProgressBar 添加到 WebView 片段中

Adding ProgressBar into WebView Fragment

android

webview

android-progressbar

android-fragments