加载数据后如何防止滚动视图滚动到Web视图?


107

所以我有一个令人着迷的问题。尽管我没有手动或以编程方式滚动视图,但加载内部数据后,WebView仍会自动滚动到。

我在viewpager中有一个片段。当我第一次加载寻呼机时,它会按预期工作,并且显示所有内容。但是,一旦我“翻转页面”,数据就会加载,并且WebView会弹出到页面顶部,将其上方的视图隐藏起来,这是不希望的。

有谁知道如何防止这种情况的发生?

我的布局看起来像这样:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/background" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/article_title"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="10dp"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="2dp"
            android:text="Some Title"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textColor="@color/article_title"
            android:textStyle="bold" />

        <LinearLayout
            android:id="@+id/LL_Seperator"
            android:layout_width="fill_parent"
            android:layout_height="1dp"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="5dp"
            android:background="@color/text"
            android:orientation="horizontal" >
        </LinearLayout>

        <WebView
            android:id="@+id/article_content"
            android:layout_width="match_parent"
            android:layout_marginRight="10dp"
            android:layout_marginLeft="10dp"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@+id/article_link"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="5dp"
            android:layout_marginTop="5dp"
            android:layout_marginRight="10dp"
            android:layout_marginLeft="10dp"
            android:text="View Full Article"
            android:textColor="@color/article_title"
            android:textStyle="bold" />
    </LinearLayout>

</ScrollView>

我也不关注任何事情。默认情况下,它似乎在加载后自动滚动到WebView。我该如何预防?


为什么您确实需要ScrollView,因为WebView是可滚动的?
znat 2012年

将某些方面保留在Web视图之外,而不是将其呈现为HTML。为了速度和质量。
纳瓦拉

1
mjp66是最好的答案-也许您应该接受他的答案
AndrewS

Answers:


43

您可以简单地将其添加到LinearLayout中:android:focusableInTouchMode =“ true”。这个对我有用。

 <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:focusableInTouchMode="true"
    android:orientation="vertical" >

4
没有副作用的作品!
Vaibhav

267

经过数小时的尝试后,我遇到了同样的问题,最终对我descendantFocusability有用的只是将属性添加到ScrollView的包含LinearLayout的值中blocksDescendants。在您的情况下:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:descendantFocusability="blocksDescendants" >

从那以后没有再出现过这个问题。


3
这对这些控件的可访问性是否有负面影响?
Cory Trese 2014年

34
请注意,如果有任何子视图(如EditText),则此方法将导致它们变得不可编辑。
djhworld 2014年

2
当您搜索ScrollView Webview自动滚动单词时,不会出现此问题/答案,应该出现。也许此评论会有所帮助!使用WebViewFragment时存在相同的问题,即使经过大量搜索也没有找到此问题,直到我发布了自己的问题(现已删除)。
科林M.14年

1
在Xamarin.Android项目上工作时,在具有多个网格视图的滚动视图中自动滚动出现了麻烦,并与下载的图像异步填充。这个解决方案是如此完美,我一见钟情就不得不重新测试。
YumeYume

1
同样的问题也发生在广告中RecyclerView。您的解决方案在这种情况下也适用:)
Minas Mina

26

您应该创建扩展ScrollView的新类,然后重写requestChildFocus:

public class MyScrollView extends ScrollView {

    @Override 
    public void requestChildFocus(View child, View focused) { 
        if (focused instanceof WebView ) 
           return;
        super.requestChildFocus(child, focused);
    }
}

然后在您的xml布局中,使用:

<MyScrollView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/background" >

这对我行得通。ScrollView将不再自动滚动到WebView。


5
还需要构造函数: public ExtendedScrollView(Context context) { super(context); } public ExtendedScrollView( Context context, AttributeSet attributeSet) { super(context, attributeSet); } public ExtendedScrollView( Context context, AttributeSet attributeSet, int defStyle) { super(context, attributeSet, defStyle); }
Erik B

5

在主布局中添加这些行可解决问题

android:descendantFocusability="blocksDescendants"

4

像这样:

<com.ya.test.view.MyScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:descendantFocusability="beforeDescendants"
        android:focusable="true"
        android:focusableInTouchMode="true" >

4

可能有些人遇到与我同样的问题,所以我会帮忙。

我试图将android:descendantFocusability =“ beforeDescendants”放入我的主ScrollView中,如下所示:

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:descendantFocusability="beforeDescendants">
    /*my linearlayout or whatever to hold the views */

而且它没有用,所以我不得不将RelativeLayout设为ScrollView的父级,并将android:descendantFocusability =“ beforeDescendants”放置在父级中。

所以我通过以下方法解决了它:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:descendantFocusability="blocksDescendants">

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">
/*my linearlayout or whatever to hold the views */

-2

我必须为MyScrollView使用完全限定名称,否则会出现膨胀异常。

<com.mypackagename.MyScrollView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/background" >
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.