viewpager 内的水平滚动视图

2024-03-31

我有一个 2 到 4 页的 viewpager。其中一页以表格形式显示数据。为此,我使用垂直滚动和水平滚动。

由于horizo​​ntalscrollview和viewpager之间的冲突,有时,滚动不起作用。

我想在页面向左滚动时滚动页面。当它到达边缘时,另一个滑动手势将使其更改视图寻呼机的页面,遵循以下指南http://developer.android.com/design/patterns/swipe-views.html http://developer.android.com/design/patterns/swipe-views.html其中指出:“如果视图包含超出屏幕宽度的内容(例如宽电子邮件),请确保用户的初始滑动将在视图内水平滚动。到达内容末尾后,应再进行一次滑动导航到下一个视图。此外,当内容水平滚动时,支持使用边缘滑动来立即在视图之间导航。”

我怎样才能做到这一点?


最后我制作了一个自定义分页器并像这样重写了 canScroll 方法

@Override
protected boolean canScroll(View v, boolean checkV, int dx, int x, int y) {
    if (v instanceof HorizontalScrollView) {
        HorizontalScrollView scroll = (HorizontalScrollView) v;

        int vScrollX = scroll.getScrollX();
        TableLayout table = (TableLayout) scroll.getChildAt(scroll
                .getChildCount() - 1);
        int diff = (table.getRight() - (scroll.getWidth()
                + scroll.getScrollX() + table.getLeft()));

        if (vScrollX == 0 && diff <= 0) {// table without scroll
            if (dx > 20 && this.getCurrentItem() > 0) {
                this.setCurrentItem(this.getCurrentItem() - 1, true);
            } else if (dx < -20
                    && this.getCurrentItem() + 1 < this.getChildCount()) {
                this.setCurrentItem(this.getCurrentItem() + 1, true);
            }
            return false; // change page
        }
        if (vScrollX == 0 && dx > 20) {// left edge, swiping right
            if (this.getCurrentItem() > 0) {
                this.setCurrentItem(this.getCurrentItem() - 1, true);
            }
            return false; // change page
        }
        if (vScrollX == 0 && dx < -20) {// left edge, swiping left
            return true;// scroll
        }
        if (diff <= 0 && dx > 20) {// right edge, swiping right
            return true;// scroll
        }
        if (diff <= 0 && dx < -20) {// right edge, swiping left
            if (this.getCurrentItem() + 1 < this.getChildCount()) {
                this.setCurrentItem(this.getCurrentItem() + 1, true);
            }
            return false;// change page
        }
    }
    return super.canScroll(v, checkV, dx, x, y);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

viewpager 内的水平滚动视图 的相关文章

随机推荐