当webview加载新页面时如何滚动到scrollview的顶部

Question

我在scrollView中设置了一个webView。当我最初向下滚动到屏幕底部并在webView中点击链接时，加载的页面会显示在页面中间。如何自动滚动到scrollView的顶部？我已经搜索过，但没有找到答案。iOS会自动执行此操作，但据我所见，Android不会。非常感谢您的帮助和建议。我设置了smoothscroll（0,0），但它会在移动到下一页之前滚动到顶部。也许这是我能使用的全部内容。如果有其他解决方案，将不胜感激。

if(isConnectingToInternet()){
        WebProducts.setVisibility(View.VISIBLE);
        TextNoInternet.setVisibility(View.GONE);
        WebProducts.getSettings().setLoadWithOverviewMode(true);
        WebProducts.getSettings().setUseWideViewPort(true);
        WebProducts.getSettings().setSupportZoom(false);
        WebProducts.loadUrl("http://www.healthfitnessenergy.com/productpages/products.php");
    }
    else{
        WebProducts.setVisibility(View.GONE);
        TextNoInternet.setVisibility(View.VISIBLE);
    }
    WebProducts.setWebViewClient(new WebViewClient() {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            ScrollView1.smoothScrollTo(0,0);
            return false;
        }
    });

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/scrollView1"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="30dp"
    android:gravity="center_horizontal|center_vertical"
    android:orientation="vertical" >
    <TextView
        android:id="@+id/products_title"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="15dp"
        android:layout_marginBottom="8dp"
        android:gravity="center_vertical"
        android:text="@string/product_qs2_products"
        style="@style/Bold_Black_20" />
    <WebView
        android:id="@+id/wvProducts"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_gravity="center"
        android:background="@drawable/gradient_background"
        android:orientation="vertical" >
    </WebView>
    <TextView
        android:id="@+id/ifnointernet"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:paddingLeft="25dp"
        android:gravity="center_vertical"
        android:text="Product Menu will be available when cell/wifi service is available"
        android:textColor="#333333"
        android:textSize="18sp"
        android:textStyle="bold"
        android:visibility="gone" />
</LinearLayout>

- Kevin M

Answer 1

尝试在OnPageStarted()和onPageFinished()中使用setVisibility()方法来完成操作，基本上是移除现有视图。请保留HTML标签。

@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
    webView.setVisibility(View.GONE);
    super.onPageStarted(view, url, favicon);
}

@Override
public void onPageFinished(WebView view, String url) {
    webView.setVisibility(View.VISIBLE);
    super.onPageFinished(view, url);
}

- Htet Will

Answer 2

在某些监听器中使用"scrollview.pageScroll(View.FOCUS_UP);"会对您有帮助吗？

- Michael Cheremuhin

---

上面列出的代码是我用来处理Web视图以保持应用内链接的。不确定如何建立监听器，使网页上的按钮在应用内工作。 - Kevin M

如果在您的WebViewClient的“onPageFinished”中完成它会怎样呢？这将在页面加载完成时滚动。或者我没有理解您的目标？ - Michael Cheremuhin

Answer 3

@Kevin M，你的问题可以通过重写onPageStarted和onPageFinished这两个方法来解决，就像@Htet Will所回答的那样。而你的另一个问题“不确定如何在应用程序中建立按钮的监听器以使其在网页上工作”可以通过JS Bridge来解决。就像在iOS中你必须了解js bridging的概念一样，在Android中也是类似的。

首先，你需要启用你的webview以支持javascript接口。

webview.getSettings().setJavaScriptEnabled(true);

第二步 - 制作一个 JavaScript 接口

@Keep
    private class JavaScriptInterface {

        private JavaScriptInterface() {
        }
        @JavascriptInterface
        public void methodName(){

            getActivity().runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    //do what you want in your java class
                }
            });
        }
    }

第三步 - 将JavaScriptInterface分配给webview

webView.addJavascriptInterface(new JavaScriptInterface(), "jsSolutionInterface");

第四步 - 在 HTML 按钮中添加一个 onclick 方法，比如说 open()。在名为 open 的方法中，您可以调用 JavaScript 接口方法。JavaScript 方法示例：

function open()
{jsSolutionInterface.methodName();}

通过这种方式，您可以桥接js和java方法。希望这能帮到您。

- Sibasish