SwipeRefreshLayout里面的ScrollView里面的ViewPager

时间:2015-07-24 19:45:43

标签: android android-layout android-viewpager android-scrollview swiperefreshlayout

我有一个包含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

编辑: 经过一些研究后我发现问题是因为ScrollView不知道ViewPager中最大项的高度。我正在寻找一种动态更改ViewPager高度的方法。

2 个答案:

答案 0 :(得分:0)

经过一番思考,编写和测试后,我找到了一个有效的解决方案。 我在ViewPager的每个页面中放置了一个扩展的ScrollView,然后在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被禁用。

希望有人会发现这个有用的

答案 1 :(得分:-1)

Google通过google-sample 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和android.R.id.empty是列表或回收站视图的ID。该视图与具有相同ID的两个列表完美配合。

您可以在google-sample github project找到真实示例。