在页面加载时开始动画，在页面加载时停止

Question

我的ActionBar 中有一个MenuItem，它是一个“重新加载”图标。我的Activity 有一个WebView，我希望该图标在WebView 开始加载网页时开始动画，并在完成后停止。这包括单击已加载站点中的链接时。到目前为止，我第一次打开网页时可以使用，但是如果我离开 Activity 并加载另一个网页，“重新加载”图标似乎会加倍，否则我会在 @ 上抛出 NullReference 异常987654329@

这是我的代码：

public class Browser extends SherlockFragmentActivity {

    private MenuItem refreshItem;
    private WebView mWebView;

    @Override
    public void onCreate(final Bundle icicle) 
    {
        super.onCreate(icicle);
        setContentView(R.layout.browser);

        mWebView = (WebView)findViewById(R.id.webview);
        mWebView.getSettings().setSupportZoom(true);  
        mWebView.getSettings().setBuiltInZoomControls(true);

        mWebView.loadUrl("http://www.google.com");

        mWebView.setWebViewClient(new WebBrowserClient());

        mWebView.setWebChromeClient(new WebChromeClient() {
            public void onProgressChanged(WebView view, int progress) {

                //if (!isFinishing() && progress == 100 && refreshItem != null && refreshItem.getActionView() != null)
                //{
                //refreshItem.getActionView().clearAnimation();
                //refreshItem.setActionView(null);
                //}
            }
        });         
    }

    private class WebBrowserClient extends WebViewClient {

          @Override
          public void onLoadResource(WebView view, String url) {
              //StartAnimation();
          }

          @Override
          public void onPageStarted(WebView view, String url, Bitmap favicon) {
              StartAnimation();
          }

          @Override
          public void onPageFinished(WebView view, String url) {
            if (refreshItem != null && refreshItem.getActionView() != null)
            {
                refreshItem.getActionView().clearAnimation();
                refreshItem.setActionView(null);
            }
          }

         @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }

    private void StartAnimation() {
        final LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        final ImageView ivRefresh = (ImageView)inflater.inflate(R.layout.refresh_view, null);

        final Animation rotation = AnimationUtils.loadAnimation(this, R.anim.refresh);
        ivRefresh.startAnimation(rotation);
        refreshItem.setActionView(ivRefresh);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getSupportMenuInflater().inflate(R.menu.menu, menu);

        refreshItem = menu.findItem(R.id.refresh);

        return super.onCreateOptionsMenu(menu);
    }
}

注释掉的代码是我试图让它工作的不同方式。

更新：

在调试了更多之后，我在StartAnimation 函数中设置了一个断点，有时它会连续命中 7 次，有时则不会。这没有任何意义，因为对我来说，这应该有效。令人费解……

解决方案（排序）：

将 StartAnimation() 函数更新为此，似乎可以解决此问题，但似乎更像是一种胶带解决方案：

private void StartAnimation() {
    if (refreshItem != null && refreshItem.getActionView() == null)
    {
        final LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        final ImageView ivRefresh = (ImageView)inflater.inflate(R.layout.refresh_view, null);

        final Animation rotation = AnimationUtils.loadAnimation(this, R.anim.refresh);
        ivRefresh.startAnimation(rotation);
        refreshItem.setActionView(ivRefresh);
    }
}

Answer 1

要创建流畅的用户界面体验，您的“加载轮”动画应该在用户单击链接时开始 - 而不是在新页面开始加载时 - 并在新页面加载时结束。这使应用看起来对用户的响应更灵敏，并且是在 Dolphin Browser 中实现的行为，例如。

要实现这一点，您需要在 WebView 中监听用户的链接点击。如何做到这一点已经在这个答案中介绍过：

Detect click on HTML button through javascript in Android WebView

您必须验证点击实际上是在指向新页面的链接上。您可以通过 WebView 的 HitTestResult 类找到单击的 HTML 元素。这个关于 SO 的答案为您提供了有关如何验证 HitTestResult 值的详细信息：

Get the click event from webpage in my android application

您从 onClick() 方法开始动画并从 WebViewClient 的 onPageFinished() 方法结束动画，如果新页面未加载，也会在 onReceivedError() 中结束。

Answer 2

将Animation 变量设为Browser 类的成员，并确保在离开活动之前停止动画。

Answer 3

您可以使用线程的概念。

直到 Web View 中的 URL 加载完毕，您才会显示加载动画 并在加载 URL 时停止动画。

您需要使用两个线程，一个用于进度指示器（即 URL 加载），另一个用于动画的 UI 线程。

搜索它！