将ViewPagerIndicator库的TitlePageIndicator放在另一个视图旁边

Question

我正在使用杰克沃顿的ViewPagerIndicator库，并希望将TitlePageIndicator放在其他视图旁边，这不起作用。出于某种原因，视图的标题放错了位置，并且不会出现在粗指示线上方。

当我向右滚动时，即ViewPager的下一页时，INFOS不会消失，但会保持在同一位置：

我该如何避免这种行为？我的layout.xml看起来像这样：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:custom="http://schemas.android.com/apk/res-auto"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical">

    <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:id="@+id/head"
            android:orientation="horizontal"
            android:gravity="bottom|center_horizontal">

        <LinearLayout
                android:id="@+id/names"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:background="@drawable/bottom_line_whisky">

            <TextView .../>

            <TextView .../>

        </LinearLayout>


        <com.viewpagerindicator.TitlePageIndicator
                android:id="@+id/titles"
                android:layout_height="wrap_content"
                android:layout_width="match_parent"
                android:layout_marginBottom="1dp"/>

    </LinearLayout>

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


</LinearLayout>

Answer 1

用另一个视图包装TitlePagerIndicator显然可以解决问题。

<LinearLayout android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:orientation="horizontal">

    <com.viewpagerindicator.TitlePageIndicator
            android:id="@+id/titles"
            android:layout_height="wrap_content"
            android:layout_width="match_parent"/>
</LinearLayout>