ViewPager中的ScrollView在Android 4.x上不滚动

本文介绍了ViewPager中的ScrollView在Android 4.x上不滚动的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！问题描述

我有一个问题似乎只影响Android 4.x版本，并且可能是特定于设备的(即，在我的华为G630@4.3上不存在，但在三星Ace2@4.4.4上确实存在). 我有一个ScrollView，其中包含一个具有4个CardView的RelativeLayout.现在在某些4.x设备上，当我尝试从卡开始滚动时，根本不会发生滚动事件.如果我触摸卡之间或第一张卡上方(而不是任意两张卡之间)和设备屏幕之间的小填充物，则可以滚动内容.

I have a problem that seems to only impact Android 4.x versions and may be also device specific (i.e. it does not exist on my Huawei G630@4.3, but do exists on a Samsung Ace2@4.4.4). I have a ScrollView that contains a RelativeLayout that has 4 CardViews. Now on some 4.x devices, the scroll event simply does not happen when I try to scroll beginning from a card. If I touch the small padding between the cards or above the first card (and not between any two) and the device screen, I can scroll the content.

<?xml version="1.0" encoding="utf-8"?> <ScrollView xmlns:android="schemas.android/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:fillViewport="true"> <LinearLayout xmlns:android="schemas.android/apk/res/android" xmlns:app="schemas.android/tools" xmlns:card_view="schemas.android/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:padding="@dimen/activity_horizontal_margin"> <android.support.v7.widget.CardView android:id="@+id/metricsContainerCard" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" app:cardElevation="2dp" card_view:cardUseCompatPadding="true"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:padding="10dp"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content"> <ImageView android:layout_width="20dp" android:layout_height="20dp" android:layout_gravity="center_vertical" android:layout_marginRight="5dp" android:src="@drawable/metrics"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/metrics" android:textSize="20sp"/> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="@color/projectCircleBackgroundShadow"/> </LinearLayout> </android.support.v7.widget.CardView> <android.support.v7.widget.CardView android:id="@+id/warningsContainerCard" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:layout_below="@id/metricsContainerCard" app:cardElevation="2dp" card_view:cardUseCompatPadding="true"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:padding="10dp"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content"> <ImageView android:layout_width="20dp" android:layout_height="20dp" android:layout_gravity="center_vertical" android:layout_marginRight="5dp" android:src="@drawable/bug_color"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/warnings" android:textSize="20sp"/> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="@color/projectCircleBackgroundShadow"/> </LinearLayout> </android.support.v7.widget.CardView> <android.support.v7.widget.CardView android:id="@+id/topWarningsContainerCard" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/warningsContainerCard" android:layout_marginTop="10dp" app:cardElevation="2dp" card_view:cardUseCompatPadding="true"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:padding="10dp"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content"> <ImageView android:layout_width="20dp" android:layout_height="20dp" android:layout_gravity="center_vertical" android:layout_marginRight="5dp" android:src="@drawable/top_warnings"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/topWarnings" android:textSize="20sp"/> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="@color/projectCircleBackgroundShadow"/> </LinearLayout> </android.support.v7.widget.CardView> <android.support.v7.widget.CardView android:id="@+id/topCriticalItemsContainerCard" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/topWarningsContainerCard" android:layout_marginTop="10dp" app:cardElevation="2dp" card_view:cardUseCompatPadding="true"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:padding="10dp"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content"> <ImageView android:layout_width="20dp" android:layout_height="20dp" android:layout_gravity="center_vertical" android:layout_marginRight="5dp" android:src="@drawable/top_critical_items"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/topCriticalItems" android:textSize="20sp"/> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="@color/projectCircleBackgroundShadow"/> </LinearLayout> </android.support.v7.widget.CardView> </LinearLayout> </ScrollView>

在Android 5.x和6.x上没有任何问题.

There isn't any problem on Android 5.x and 6.x.

编辑

问题似乎并不完全与CardView有关，因为我有另一种布局，即使我通过自定义视图拖动屏幕，该问题也不会滚动:

It seems that problem is not exclusively related to CardView, as I have another layout, and it also does not scroll even when I drag the screen by the custom view:

我添加了完整的布局，这也是用于澄清的图像(我标记了可拖动的可滚动区域):

I added the complete layout, and also here is an image for clarification (I marked the scrollable areas which I can drag):

EDIT2

这些布局是ViewPager内部的片段，也许也很重要. ViewPager是否有可能阻止ScrollView(以及其中的任何其他视图)获得焦点/处理触摸事件?我的ViewPager的代码是这样的:

Maybe it is also important that these layouts are Fragments inside a ViewPager. Is it possible that the ViewPager prevents the ScrollView (and any other views inside it) gaining the focus / handling the touch events? The code for my ViewPager is this:

<android.support.v4.view.ViewPager android:id="@+id/projectPager" xmlns:android="schemas.android/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

EDIT3

看来问题一定出在ViewPager + (Nested)ScrollView上(我试图用它来交换普通的ScrollView，但是没有成功).我为我的Fragment创建了一个虚拟布局，该布局仅托管父NestedScrollView，LinearLayout和许多大型TextView，如下所示:

It seems the problem must be with ViewPager + (Nested)ScrollView (I tried to exchange the plain ScrollView with that, but without success). I created a dummy layout for my Fragment that only hosts a parent NestedScrollView, a LinearLayout and many big TextViews like this:

<android.support.v4.widget.NestedScrollView android:id="@+id/scrollView" xmlns:android="schemas.android/apk/res/android" xmlns:app="schemas.android/apk/res-auto" xmlns:card_view="schemas.android/apk/res-auto" xmlns:tools="schemas.android/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".projects.details.ProjectDetailsActivity_"> <LinearLayout xmlns:android="schemas.android/apk/res/android" xmlns:tools="schemas.android/tools" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:padding="@dimen/activity_horizontal_margin"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="16dp" android:ellipsize="none" android:gravity="center_horizontal" android:text="Project name" android:textSize="80sp"/> ...

...并且滚动也不起作用！与以前一样，仅在屏幕的最边缘.我不知道这怎么会发生...

...and scrolling also doesn't work! Only at the very edge of the screen, as previously. I have no idea how can this happen...

推荐答案

已解决！我有完全一样的问题.您可能正在使用PageTransformer ViewPager动画.

Solved! I had exactly the same problem. You are probably using a PageTransformer ViewPager animation.

为<禁用自定义页面转换器. Android 4.1解决了它:

Disabling the custom page transformer for < Android 4.1 solved it:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) { // there are problems with this on 4.0.3, probably also on 4.1 viewPager.setPageTransformer(true, new DepthPageTransformer()); }

您的帖子和研究为我节省了很多时间，谢谢.

Your post and research saved me a lot of time, thank you.

其他解决方案:

如果您喜欢动画，也可以尝试将DepthPageTransformer更改为此: stackoverflow/a/28214802/1310343c

If you like your animation, you can also try changing your DepthPageTransformer to this: stackoverflow/a/28214802/1310343c

更多推荐

ViewPager中的ScrollView在Android 4.x上不滚动