1. 首页
  2. 问答
  3. ViewPager中的ScrollView在Android 4.x上不滚动

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

2016-04-24 70 views
5

我有一个问题，似乎只影响Android 4.x版本，也可能是设备特定的（即它不存在于我的Huawei [email protected]上，但确实存在在三星[email protected]上）。 我有一个ScrollView包含RelativeLayout有4 CardView s。现在在一些4.x设备上，当我尝试从卡片开始滚动时，滚动事件根本不会发生。如果我触摸卡之间的小填充或以上的第一个卡（而不是任意两个之间的）和设备屏幕，我可以滚动内容。ViewPager中的ScrollView在Android 4.x上不滚动

<?xml version="1.0" encoding="utf-8"?> 
<ScrollView 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fillViewport="true"> 

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        xmlns:app="http://schemas.android.com/tools" 
        xmlns:card_view="http://schemas.android.com/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没有任何问题。

编辑

看来，问题并不仅仅涉及到CardView，因为我还有一个布局，而且还当我通过自定义视图中拖动屏幕甚至不滚动：

<ScrollView 
    android:id="@+id/scrollView" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:card_view="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    tools:context=".projects.details.ProjectDetailsActivity_"> 

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        xmlns:tools="http://schemas.android.com/tools" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:orientation="vertical" 
        android:padding="@dimen/activity_horizontal_margin"> 


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

      <TextView 
       android:id="@+id/projectName" 
       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="24sp"/> 

      <c.f.q.a.projects.details.components.widgets.ProjectDetailWidget 
       android:id="@+id/projectDetailWidget" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:layout_gravity="center"/> 
     </LinearLayout> 

     <LinearLayout 
      android:id="@+id/timelineWrapperLayout" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical"> 

      <android.support.v7.widget.CardView 
       android:id="@+id/qualityTimelineCard" 
       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="match_parent" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:id="@+id/flipQualityTimelineButton" 
          android:layout_width="30dp" 
          android:layout_height="30dp" 
          android:layout_marginRight="5dp" 
          android:src="@drawable/flip_to_cost"/> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:layout_gravity="center_vertical" 
          android:ellipsize="end" 
          android:lines="1" 
          android:text="@string/project_timeline_title" 
          android:textSize="16dp"/> 
        </LinearLayout> 

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

        <com.github.mikephil.charting.charts.LineChart 
         android:id="@+id/projectQualityTimeline" 
         android:layout_width="match_parent" 
         android:layout_height="200dp" 
         android:layout_marginTop="16dp" 
         android:tag="@string/project_chart_tag" 
         android:visibility="gone"/> 
       </LinearLayout> 
      </android.support.v7.widget.CardView> 

      <android.support.v7.widget.CardView 
       android:id="@+id/costTimelineCard" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="10dp" 
       android:visibility="gone" 
       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="match_parent" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:id="@+id/flipCostTimelineButton" 
          android:layout_width="30dp" 
          android:layout_height="30dp" 
          android:layout_marginRight="5dp" 
          android:src="@drawable/flip_to_quality"/> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:layout_gravity="center_vertical" 
          android:ellipsize="end" 
          android:lines="1" 
          android:text="@string/project_cost_timeline_title" 
          android:textSize="16dp"/> 
        </LinearLayout> 


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

        <com.github.mikephil.charting.charts.LineChart 
         android:id="@+id/projectCostTimeline" 
         android:layout_width="match_parent" 
         android:layout_height="200dp" 
         android:layout_marginTop="16dp" 
         android:tag="@string/project_chart_tag" 
         android:visibility="gone"/> 
       </LinearLayout> 
      </android.support.v7.widget.CardView> 

     </LinearLayout> 

     <android.support.v7.widget.CardView 
      android:id="@+id/vcsChangeCard" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="10dp" 
      android:layout_weight="1" 
      app:cardElevation="2dp" 
      card_view:cardUseCompatPadding="true"> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_gravity="left" 
       android:orientation="vertical" 
       android:padding="10dp"> 

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

        <ImageView 
         android:id="@+id/expandVcsChangeButton" 
         android:layout_width="28dp" 
         android:layout_height="28dp" 
         android:layout_marginRight="5dp" 
         android:src="@drawable/expand_chart"/> 

        <TextView 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_gravity="center_vertical" 
         android:ellipsize="end" 
         android:maxLines="2" 
         android:text="@string/project_vcschange_title" 
         android:textSize="16sp"/> 
       </LinearLayout> 

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

       <com.github.mikephil.charting.charts.BarChart 
        android:id="@+id/projectVcsChange" 
        android:layout_width="match_parent" 
        android:layout_height="175dp" 
        android:layout_marginTop="16dp" 
        android:tag="@string/project_chart_tag" 
        android:visibility="gone"/> 
      </LinearLayout> 
     </android.support.v7.widget.CardView> 

     <android.support.v7.widget.CardView 
      android:id="@+id/dtnosChangeCard" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="10dp" 
      android:layout_weight="1" 
      app:cardElevation="2dp" 
      card_view:cardUseCompatPadding="true"> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:gravity="right" 
       android:orientation="vertical" 
       android:padding="10dp"> 

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

        <ImageView 
         android:id="@+id/expandDtnosChangeButton" 
         android:layout_width="28dp" 
         android:layout_height="28dp" 
         android:layout_marginRight="5dp" 
         android:src="@drawable/expand_chart"/> 

        <TextView 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_gravity="center_vertical" 
         android:ellipsize="end" 
         android:maxLines="2" 
         android:text="@string/project_systemchange_title" 
         android:textSize="16sp"/> 
       </LinearLayout> 

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

       <com.github.mikephil.charting.charts.BarChart 
        android:id="@+id/projectDtnosChange" 
        android:layout_width="match_parent" 
        android:layout_height="175dp" 
        android:layout_marginTop="16dp" 
        android:tag="@string/project_chart_tag" 
        android:visibility="gone"/> 
      </LinearLayout> 
     </android.support.v7.widget.CardView> 

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

      <android.support.v7.widget.CardView 
       android:id="@+id/sensorNodeCard" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="10dp" 
       android:layout_weight="1" 
       app:cardElevation="2dp" 
       card_view:cardUseCompatPadding="true"> 

       <LinearLayout 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:gravity="left" 
        android:orientation="vertical" 
        android:padding="10dp"> 

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

         <ImageView 
          android:id="@+id/expandSensornodeButton" 
          android:layout_width="28dp" 
          android:layout_height="28dp" 
          android:layout_marginRight="5dp" 
          android:src="@drawable/expand_chart"/> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:layout_gravity="center_vertical" 
          android:ellipsize="end" 
          android:maxLines="2" 
          android:text="@string/project_sensornode_title" 
          android:textSize="16sp"/> 
        </LinearLayout> 


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

        <com.github.mikephil.charting.charts.RadarChart 
         android:id="@+id/sensorNodeChart" 
         android:layout_width="match_parent" 
         android:layout_height="175dp" 
         android:layout_marginTop="16dp" 
         android:tag="@string/project_chart_tag" 
         android:visibility="gone"/> 
       </LinearLayout> 
      </android.support.v7.widget.CardView> 

      <android.support.v7.widget.CardView 
       android:id="@+id/aggregateNodeCard" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="10dp" 
       android:layout_weight="1" 
       app:cardElevation="2dp" 
       card_view:cardUseCompatPadding="true"> 

       <LinearLayout 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:gravity="right" 
        android:orientation="vertical" 
        android:padding="10dp"> 

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

         <ImageView 
          android:id="@+id/expandAggregateButton" 
          android:layout_width="28dp" 
          android:layout_height="28dp" 
          android:layout_marginRight="5dp" 
          android:src="@drawable/expand_chart"/> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:layout_gravity="center_vertical" 
          android:ellipsize="end" 
          android:maxLines="2" 
          android:text="@string/project_aggregatenode_title" 
          android:textSize="16sp"/> 

        </LinearLayout> 

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

        <com.github.mikephil.charting.charts.RadarChart 
         android:id="@+id/aggregateNodeChart" 
         android:layout_width="match_parent" 
         android:layout_height="175dp" 
         android:layout_marginTop="16dp" 
         android:tag="@string/project_chart_tag" 
         android:visibility="gone"/> 
       </LinearLayout> 
      </android.support.v7.widget.CardView> 
     </LinearLayout> 
    </LinearLayout> 
</ScrollView>

我添加了完整的布局，也在这里是澄清的图像（标志着我，我可以拖动滚动区域）：

scrollable areas

EDIT2

也许是同样重要的是，这些布局都是ViewPager内部片段。 ViewPager是否有可能阻止ScrollView（以及其中的任何其他视图）获得焦点/处理触摸事件？我ViewPager的代码是这样的：

<android.support.v4.view.ViewPager 
    android:id="@+id/projectPager" 
    xmlns:android="http://schemas.android.com/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这一说法，但都没有成功）。我创建了我的片段的虚拟布局，只有承载了父母NestedScrollView，一个LinearLayout和许多大TextView就像这样：

<android.support.v4.widget.NestedScrollView 
android:id="@+id/scrollView" 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:card_view="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context=".projects.details.ProjectDetailsActivity_"> 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       xmlns:tools="http://schemas.android.com/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"/> 

... <!-- more TextViews come here -->

...也滚动不起作用！只有在屏幕的边缘，如前所述。我不知道怎么能这样呢？

来源

2016-04-24 Sleeper9

+0

从您的编辑看来，它与CardView无关 - 也许您可以重新编辑以省略CardView，并提供有关其余设置的更多信息。 – ataulm

+0

您是否尝试设置'CardView'的'android：clickable =“true”'和'android：focusable =“true”'属性？ – fillobotto

+0

是的，我试过了，没有运气。我编辑了我的文章更多的细节，也许这些可以帮助。 – Sleeper9

回答

2

解决！我有完全相同的问题。您可能正在使用PageTransformer ViewPager动画。

禁用自定义页面变压器<的Android 4.1解决了这个问题：

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()); 
    }

您的文章和研究为我节省了大量的时间，谢谢。

其他的解决办法：

如果你喜欢你的动画，你也可以尝试改变你的DepthPageTransformer这样：https://stackoverflow.com/a/28214802/1310343c

来源

2016-07-18 12:42:21 Frank

+0

我不敢相信......很多很多谢谢，这也解决了我的问题！:) – Sleeper9

-1

你ScrollView必须match_parent height和滚动视图（LinearLayout）的第一个孩子必须有wrap_content高度

来源

2016-04-24 18:23:02

+0

我以前尝试过（我在错误的样本中还留下了一个android：orientation =“vertical”），但没有帮助。我目前正在使用Genymotion Google Nexus [email protected]。 – Sleeper9

+0

@ Sleeper9给你的XML布局完整。 –

+0

我编辑了我的文章，添加了完整的布局和图像以供澄清！ – Sleeper9

2

你是对的，2个滚动控制是相互竞争的。

改为使用支持库中的NestedScrollView。它旨在解决这类问题。

它有许多增强功能，它可以与其它可滚动控件，包括ViewPager，RecyclerView工作（只要您拨打.setNestedScrolling(true)）和CoordinatorLayout。

基于上述情况，我一直在使用这个新类，并且滚动内的滚动一直在完美运行。我们的产品与控件在ViewPager之内完全兼容，其中一些内嵌了RecyclerView列表。

来源

2016-04-26 20:17:39

+1

好吧，我用''交换了''，但仍然没有任何改变。 :(我也叫'.setNestedScrolling（true）'。是否有需要在XML布局中设置的东西？ – Sleeper9

+0

好的抱歉，在这种情况下没有帮助。所以任何人都可以编辑和改进 –

+1

但是这个问题一定在这里......正如我写的，我的'ScrollView'里的其他视图既不会响应tap，pinch等事件，所以ViewPager必须以某种方式消耗这个手势。 .. – Sleeper9

1

对我来说，这个设置的工作：我有具有以下嵌套滚动型协调员布局

<android.support.v4.widget.NestedScrollView 
    android:layout_marginTop="8dp" 
    android:fillViewport = "true" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <include layout="@layout/content_app_bar_search_patient_module"/> 

</android.support.v4.widget.NestedScrollView>

和<include layout="@layout/content_app_bar_search_patient_module"/>具有具有片段的viewpager这再次包含嵌套滚动视图

<android.support.v4.widget.NestedScrollView 

xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
. 
. 
. 
    </android.support.v4.widget.NestedScrollView>

来源

2017-01-31 06:34:30

相关问题

 相关问题