在Viewpager中嵌入ViewPageIndicator

时间:2014-02-12 23:01:21

标签: android android-layout android-viewpager viewpagerindicator

我有这个布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="#FFFFFF"
  android:orientation="vertical" >

 <android.support.v4.view.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="fill_parent"
    android:layout_height="155dp" />

 <com.viewpagerindicator.CirclePageIndicator
    android:id="@+id/titles"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" />

<ListView
    android:id="@id/android:list"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

</LinearLayout>

此代码将指标附加到ViewPager

CirclePageIndicator circleIndicator = (CirclePageIndicator)view.findViewById(R.id.titles);
circleIndicator.setViewPager(viewPager);

代码工作正常,但没有完全符合我的要求。

指示符显示在viewPager的底部(在我正在使用的3张图片下方) 是否可以在图像中移动指示符 ?因此结果应该是指示符“嵌入”的图像。

1 个答案:

答案 0 :(得分:2)

你可以试试这个:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFFFFF" >

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

    <com.viewpagerindicator.CirclePageIndicator
        android:id="@+id/titles"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@id/view_pager" />

    <ListView
        android:id="@id/android:list"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_below="@id/view_pager"
        android:layout_alignParentBottom="true" />

</RelativeLayout>

说明:ViewPager将自动在RelativeLayout内左上方对齐。 ListView锚定在ViewPager的底部和RelativeLayout的底部之间(layout_width="0dp"是故意的)。 CirclePagerIndicator的底部与ViewPager的底部对齐。