使viewpagerindicator出现在底部

时间:2016-06-20 08:50:28

标签: android android-layout android-viewpager

我已经在我的活动中实现了viewpagerindicator,但是他们总是出现在顶部的问题,我想让它们出现在底部为此我尝试了这个布局:

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.view.ViewPager
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentTop="true"
     >
</android.support.v4.view.ViewPager>

<com.ugurtekbas.fadingindicatorlibrary.FadingIndicator
    android:id="@+id/circleIndicator"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_below="@+id/pager"
    android:padding="5dp"
    app:radius="5dp"
    app:fillColor="#2c70d6"
    app:strokeColor="#f7f4f2"
    app:shape="@string/shape_circle"

    />
</RelativeLayout>

现在除非我为viewpager height定义一个数字,否则这不起作用。如果我使用这个布局,viewpagerindicator看起来很好,但它们出现在顶部。

  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<android.support.v4.view.ViewPager
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentTop="true"
     >
</android.support.v4.view.ViewPager>

<com.ugurtekbas.fadingindicatorlibrary.FadingIndicator
    android:id="@+id/circleIndicator"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
   //layout_below is gone
    android:padding="5dp"
    app:radius="5dp"
    app:fillColor="#2c70d6"
    app:strokeColor="#f7f4f2"
    app:shape="@string/shape_circle"

    />
</RelativeLayout>

我想要的是让viewpagerindicator出现在viewpager上,而不是viewpager在屏幕上占用额外空间。

1 个答案:

答案 0 :(得分:1)

添加android:layout_alignBottom代替android:layout_below

将您的代码更改为:

    <com.ugurtekbas.fadingindicatorlibrary.FadingIndicator
    android:id="@+id/circleIndicator"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_alignBottom="@+id/pager"
    android:padding="5dp"
    app:radius="5dp"
    app:fillColor="#2c70d6"
    app:strokeColor="#f7f4f2"
    app:shape="@string/shape_circle"

    />