页面指​​示器视图的正确位置

Question

问题是此页面指示器“视图”已正确放置在大型设备上，但视图在较小的屏幕设备上已更改。如果任何人都可以建议对xml或一般情况下的某些更改进行建议，以使其显示相同在所有类型的屏幕上，它都将非常有用。谢谢

<com.rd.PageIndicatorView
    android:id="@+id/pageIndicatorView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="320dp"
    android:layout_marginTop="15dp"
    app:tabGravity="center"
    app:piv_animationType="fill"
    app:piv_dynamicCount="true"
    app:piv_interactiveAnimation="true"
    app:piv_selectedColor="@color/gray_50"
    app:piv_unselectedColor="@color/gray_300"
    app:piv_viewPager="@id/viewPager"
    attrs:piv_padding="12dp"
    attrs:piv_radius="8dp"/>

较小屏幕设备的图像，该图像未在正确的位置显示页面指示符。

用于大屏幕的图像，其中正确显示了页面指示器的位置

Answer 1

只需删除layout_marginLeft并使用

android:layout_marginRight="16dp"
app:layout_constraintEnd_toEndOf="parent"

将其锁定在屏幕右侧一定距离处。 我设置了16dp，但您可以轻松更改它。

Answer 2

android:layout_centerInParent="true" 在 relativeLayout 中为我工作

    <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="@dimen/home_slider_h"
    android:gravity="center"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <com.tiagosantos.enchantedviewpager.EnchantedViewPager
        android:id="@+id/viewPager_home"
        android:layout_width="match_parent"
        android:layout_height="@dimen/home_slider_h" />

    <com.rd.PageIndicatorView
        android:id="@+id/pageIndicatorView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerInParent="true"
        android:padding="10dp"
        app:piv_animationType="fill"
        app:piv_dynamicCount="true"
        app:piv_interactiveAnimation="true"
        app:piv_padding="4dp"
        app:piv_radius="5dp"
        app:piv_selectedColor="@color/colorAccent"
        app:piv_unselectedColor="@color/colorPrimary"
        app:piv_viewPager="@id/viewPager_home"
        app:tabGravity="center" />
</RelativeLayout>