android - ViewPager 拒绝展示它漂亮的小脑袋

Question

我无法显示 ViewPager 及其内容。我错过了什么？我在下面包含了两个版本的 XML 布局。版本#1 包括 ViewPager。版本#2 排除了 ViewPager，因此您可以看到在 ViewPager 中应该可见的内容。如果您有解决此问题的想法，我们将不胜感激。

编辑——现在包含适配器代码。值得注意的是，ViewPager 内容即使在 Eclipse 中也是不可见的。也就是说，我相信适配器与问题无关。

    class MyPagerAdapter extends PagerAdapter {
    public Object instantiateItem(View collection, int position) {
        return guideContainer.getChildAt(position); 
    }

    @Override
    public int getCount() {
        return timeSlotContainersHD.length;
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        return arg0 == ((View) arg1);
    }

     @Override public void destroyItem(View arg0, int position, Object arg2)  {  
     } 
}

版本 #1 包括 ViewPager:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/GuideSideScrollView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/Green"
android:fillViewport="true" >

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="top|center"
    android:background="@color/Orange"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/MiddleView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight=".05"
        android:gravity="center"
        android:text="ViewPager Below Me"
        android:background="@color/black"
        android:textColor="@color/Orange" />

    <android.support.v4.view.ViewPager
        android:id="@+id/GuideViewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1" >

    <LinearLayout
        android:id="@+id/TimeSlots1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:background="@color/red"
        android:orientation="vertical" >

        <Button
            android:id="@+id/FirstButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button1"
            android:textSize="12sp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button2"
            android:textSize="12sp" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/TimeSlots2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:background="@color/Green"
        android:orientation="vertical" >

        <Button
            android:id="@+id/FirstButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button3"
            android:textSize="12sp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button4"
            android:textSize="12sp" />
    </LinearLayout>

    </android.support.v4.view.ViewPager>

    <TextView
        android:id="@+id/TimeSlot1Program2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/Charcoal"
        android:gravity="center"
        android:text="ViewPager Above Me"
        android:textColor="@color/Orange" />
   </LinearLayout>

</ScrollView>

版本#2 不包括 ViewPager:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="top|center"
    android:background="@color/Orange"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/MiddleView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight=".05"
        android:gravity="center"
        android:text="NO ViewPager Below Me"
        android:background="@color/black"
        android:textColor="@color/Orange" />

    <LinearLayout
        android:id="@+id/TimeSlots1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:background="@color/red"
        android:orientation="vertical" >

        <Button
            android:id="@+id/FirstButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button1"
            android:textSize="12sp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button2"
            android:textSize="12sp" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/TimeSlots2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:background="@color/Green"
        android:orientation="vertical" >

        <Button
            android:id="@+id/FirstButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button3"
            android:textSize="12sp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button4"
            android:textSize="12sp" />
    </LinearLayout>

    <TextView
        android:id="@+id/TimeSlot1Program2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/Charcoal"
        android:gravity="center"
        android:text="NO ViewPager Above Me"
        android:textColor="@color/Orange" />
</LinearLayout>

</ScrollView>

Answer 1

这花了一段时间，但我现在通过反转布局的层次结构解决了这个问题。我现在不是将 ViewPager 放在 ScrollView 中，而是以编程方式构建一个 ScrollView 数组。每个 ScrollView 都位于各个 ViewPager 页面的顶层。现在一切都很好。