ViewPager внутри ScrollView внутри SwipeRefreshLayout

Question

У меня есть макет, который включает SwipeRefreshLayout, ScrollView и ViewPager.

SwipeRefreshLayout используется для обновления ViewPager, а ScrollView - потому, что ViewPager может иметь контент, который не подходит для отображения.

Когда я пытаюсь прокрутить вниз, ничего не происходит, но я вижу, что есть больше контента для показа. Когда я прокручиваю вверх, вызывается SwipeRefresh.

Мой XML:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
xmlns:card_view="http://schemas.android.com/apk/res-auto" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" 
tools:context="${relativePackage}.${activityClass}" > 

<android.support.design.widget.TabLayout 
    android:id="@+id/tab_layout" 
    style="@style/TabLayout" 
    android:paddingEnd="16dp" 
    android:paddingLeft="16dp" 
    android:paddingRight="16dp" 
    android:paddingStart="16dp" /> 

<com.gmail.bathingrad.school.widget.SwipeRefreshView 
    android:id="@+id/refresh" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" > 

    <android.support.v4.view.ViewPager 
     android:id="@+id/view_pager" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" /> 
</com.gmail.bathingrad.school.widget.SwipeRefreshView> 

</LinearLayout> 

Скриншот как это выглядит (последний фиолетовый ящик находится вне экрана): http://i.stack.imgur.com/hlrdz.png

Edit: После некоторых исследований я обнаружил, что проблема из-за того, что ScrollView не знает высоту самого большого элемента в ViewPager. Я ищу способ изменить высоту ViewPager динамически.

Answer 1

После некоторого размышления, написания и тестирования я нашел решение, которое работает. Я разместил расширенный ScrollView на каждой странице ViewPager, а затем в ScrollView я добавил конструктор с Context и SwipeRefreshLayout.

Я переопределил метод onScrollChanged и проверил, прокручивается ли ScrollView в верхней части. Если это не так, я отключил SwipeRefreshLayout.

<com.gmail.bathingrad.school.widget.SwipeRefreshView 
    android:id="@+id/refresh" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 

    <android.support.v4.view.ViewPager 
     android:id="@+id/view_pager" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" > 
    </android.support.v4.view.ViewPager> 
</com.gmail.bathingrad.school.widget.SwipeRefreshView> 

ScrollView.class:

public class ScrollView extends android.widget.ScrollView { 

    SwipeRefreshLayout swipeRefresh; 

    public ScrollView(Context context, SwipeRefreshLayout swipeRefresh) { 
     super(context); 

     this.swipeRefresh = swipeRefresh; 
    } 

    @Override 
    protected void onScrollChanged(int l, int t, int oldl, int oldt) { 
     super.onScrollChanged(l, t, oldl, oldt); 

     Log.i("School", "T: " + t); 

     if (t != 0) { 
      swipeRefresh.setEnabled(false); 
     } else if (t == 0) { 
      swipeRefresh.setEnabled(true); 
     } 
    } 
} 

ViewPagerAdapter instantiateItem метод:

@Override 
public Object instantiateItem(ViewGroup container, int position) { 
     LinearLayout[] schemeLayout = readScheme.generateScheme(); 
     ScrollView[] scrollView = new ScrollView[5]; 

     // SwipeRefreshLayout 
     SwipeRefreshLayout swipeRefresh = (SwipeRefreshLayout) container.getParent(); 

     swipeRefresh.setEnabled(true); 

     scrollView[position] = new ScrollView(context, swipeRefresh); 

     scrollView[position].addView(schemeLayout[position]); 

     container.addView(scrollView[position]); 

     return scrollView[position]; 
} 

Это работает!

Причина, по которой я звоню swipeRefresh.setEnabled(true);, связана с тем, что при прокрутке пользователя и последующем переходе на другую страницу swipeRefresh был отключен.

Надежда кто-то найдет этот ПОЛЕЗНЫЕ

Answer 2

Google решить эту проблему с примером, размещенной на Google-образец GitHub Projet.

Создайте представление, которое расширяет оригинальный SwipeRefreshLayout:

/* 
* Copyright 2014 The Android Open Source Project 
* 
* Licensed under the Apache License, Version 2.0 (the "License"); 
* you may not use this file except in compliance with the License. 
* You may obtain a copy of the License at 
* 
*  http://www.apache.org/licenses/LICENSE-2.0 
* 
* Unless required by applicable law or agreed to in writing, software 
* distributed under the License is distributed on an "AS IS" BASIS, 
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
* See the License for the specific language governing permissions and 
* limitations under the License. 
*/ 

package com.example.android.swiperefreshmultipleviews; 

import android.content.Context; 
import android.support.v4.view.ViewCompat; 
import android.support.v4.widget.SwipeRefreshLayout; 
import android.util.AttributeSet; 
import android.view.View; 
import android.widget.AbsListView; 

/** 
* A descendant of {@link android.support.v4.widget.SwipeRefreshLayout} which supports multiple 
* child views triggering a refresh gesture. You set the views which can trigger the gesture via 
* {@link #setSwipeableChildren(int...)}, providing it the child ids. 
*/ 
public class MultiSwipeRefreshLayout extends SwipeRefreshLayout { 

    private View[] mSwipeableChildren; 

    public MultiSwipeRefreshLayout(Context context) { 
     super(context); 
    } 

    public MultiSwipeRefreshLayout(Context context, AttributeSet attrs) { 
     super(context, attrs); 
    } 

    /** 
    * Set the children which can trigger a refresh by swiping down when they are visible. These 
    * views need to be a descendant of this view. 
    */ 
    public void setSwipeableChildren(final int... ids) { 
     assert ids != null; 

     // Iterate through the ids and find the Views 
     mSwipeableChildren = new View[ids.length]; 
     for (int i = 0; i < ids.length; i++) { 
      mSwipeableChildren[i] = findViewById(ids[i]); 
     } 
    } 

    // BEGIN_INCLUDE(can_child_scroll_up) 
    /** 
    * This method controls when the swipe-to-refresh gesture is triggered. By returning false here 
    * we are signifying that the view is in a state where a refresh gesture can start. 
    * 
    * <p>As {@link android.support.v4.widget.SwipeRefreshLayout} only supports one direct child by 
    * default, we need to manually iterate through our swipeable children to see if any are in a 
    * state to trigger the gesture. If so we return false to start the gesture. 
    */ 
    @Override 
    public boolean canChildScrollUp() { 
     if (mSwipeableChildren != null && mSwipeableChildren.length > 0) { 
      // Iterate through the scrollable children and check if any of them can not scroll up 
      for (View view : mSwipeableChildren) { 
       if (view != null && view.isShown() && !canViewScrollUp(view)) { 
        // If the view is shown, and can not scroll upwards, return false and start the 
        // gesture. 
        return false; 
       } 
      } 
     } 
     return true; 
    } 
    // END_INCLUDE(can_child_scroll_up) 

    // BEGIN_INCLUDE(can_view_scroll_up) 
    /** 
    * Utility method to check whether a {@link View} can scroll up from it's current position. 
    * Handles platform version differences, providing backwards compatible functionality where 
    * needed. 
    */ 
    private static boolean canViewScrollUp(View view) { 
     if (android.os.Build.VERSION.SDK_INT >= 14) { 
      // For ICS and above we can call canScrollVertically() to determine this 
      return ViewCompat.canScrollVertically(view, -1); 
     } else { 
      if (view instanceof AbsListView) { 
       // Pre-ICS we need to manually check the first visible item and the child view's top 
       // value 
       final AbsListView listView = (AbsListView) view; 
       return listView.getChildCount() > 0 && 
         (listView.getFirstVisiblePosition() > 0 
           || listView.getChildAt(0).getTop() < listView.getPaddingTop()); 
      } else { 
       // For all other view types we just check the getScrollY() value 
       return view.getScrollY() > 0; 
      } 
     } 
    } 
    // END_INCLUDE(can_view_scroll_up) 
} 

Используйте этот вид в макете XML:

<com.example.android.swiperefreshmultipleviews.MultiSwipeRefreshLayout 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/swiperefresh" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 

    <!-- your code --> 

</com.example.android.swiperefreshmultipleviews.MultiSwipeRefreshLayout> 

А в вашей деятельности или фрагмента, вы можете использовать этот компонент с:

mSwipeRefreshLayout = (MultiSwipeRefreshLayout) view.findViewById(R.id.swiperefresh); 
mSwipeRefreshLayout.setSwipeableChildren(android.R.id.list, android.R.id.empty); 

android.R.id.list and android.R.id.empty - это идентификаторы для вашего списка или просмотр ресайклеров. Представление отлично работает с двумя списками с одинаковыми идентификаторами.

Вы можете увидеть настоящий пример на google-sample github project.