可以ViewPager在每页的​​多个视图？ [英] Can ViewPager have multiple views in per page?

问题描述

在试图走出画廊和水平滚动查看，我发现，查看传呼机做什么，我需要的，但有一个小的东西丢失。可以查看传呼机有每页多个视图？

我知道，查看传呼机显示每刷卡只有1视图/页。我在想，如果我可以限制我的看法宽度，使我的第二个观点下，它会显示？

例如：我有3个意见，我想在屏幕显示查看查看2这样用户就知道有更多的内容，使他们可以刷卡查看2 1部分和第

。

  |查看1 |查看2 |查看3 |
|屏幕|
 

解决方案

我发现，通过指定一个负边距为ViewPager一个甚至是简单的解决方案。我创建了MultiViewPager项目在GitHub上，你可能想看看：

  

<一个href="https://github.com/Pixplicity/MultiViewPager">https://github.com/Pixplicity/MultiViewPager

虽然MultiViewPager希望子视图用于指定尺寸，其原理周围设置页边距围绕：

  ViewPager.setPageMargin（
    。getResources（）getDimensionPixelOffset（R.dimen.viewpager_margin））;
 

我再指定这个层面我 dimens.xml ：

 ＆LT;扪名=viewpager_margin＆GT; -64dp＆LT; /扪＆GT;
 

要弥补重叠的页面，每个页面的内容来看具有相对边缘的：

 安卓layout_marginLeft =@扪/ viewpager_margin_fix
机器人：layout_marginRight =@扪/ viewpager_margin_fix
 

再在 dimens.xml ：

 ＆LT;扪名=viewpager_margin_fix＆GT; 32dp＆LT; /扪＆GT;
 

（请注意， viewpager_margin_fix 尺寸一半的绝对 viewpager_margin 尺寸。）

我们在荷兰报纸应用程序实现此的电讯报Krant ：

After trying out the Gallery and Horizontal Scroll View, I found that the View Pager does what I need but with one minor thing missing. Can the View Pager have multiple views per page?

I know that View Pager shows only 1 view/page per swipe. I was wondering if I can limit my views width so my 2nd view following it will show?

For example: I have 3 views and I want the screen to show view 1 and part of view 2 so the user knows there is more content so they can swipe to view 2.

|view 1|view 2|view 3|
|screen   |

解决方案

I discovered that a perhaps even simpler solution through specifying a negative margin for the ViewPager. I've created the MultiViewPager project on GitHub, which you may want to take a look at:

https://github.com/Pixplicity/MultiViewPager

Although MultiViewPager expects a child view for specifying the dimension, the principle revolves around setting the page margin:

ViewPager.setPageMargin(
    getResources().getDimensionPixelOffset(R.dimen.viewpager_margin));

I then specified this dimension in my dimens.xml:

<dimen name="viewpager_margin">-64dp</dimen>

To compensate for overlapping pages, each page's content view has the opposite margin:

android:layout_marginLeft="@dimen/viewpager_margin_fix"
android:layout_marginRight="@dimen/viewpager_margin_fix"

Again in dimens.xml:

<dimen name="viewpager_margin_fix">32dp</dimen>

(Note that the viewpager_margin_fix dimension is half that of the absolute viewpager_margin dimension.)

We implemented this in the Dutch newspaper app De Telegraaf Krant:

这篇关于可以ViewPager在每页的​​多个视图？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！