首页 > 解决方案 > 如何在线性布局中对齐按钮(viewpager 点指示器)

问题描述

我想要我的布局是这样的

对于 ViewPagerIndicator,我使用了线性布局,对于跳过和下一步使用了平面按钮。

从我下面的代码中,我得到的输出为

我在这里需要帮助。

这是我的布局:

<LinearLayout
    android:id="@+id/viewPagerCountDots"
    android:layout_width="match_parent"
    android:layout_height="@dimen/pager_height"
    android:layout_above="@+id/ll_footer"
    android:layout_marginBottom="12dp"
    android:layout_alignParentLeft="true"
    android:gravity="center"
    android:orientation="horizontal" >
    <com.gc.materialdesign.views.ButtonFlat
        android:id="@+id/skip"
        android:layout_width="72dp"
        android:layout_height="wrap_content"
        android:layout_above="@id/viewPagerCountDots"
        android:layout_gravity="start"
        android:gravity="start"
        android:text="Skip"
        />

    <com.gc.materialdesign.views.ButtonFlat
        android:id="@+id/next"
        android:layout_width="72dp"
        android:layout_height="wrap_content"
        android:layout_above="@id/viewPagerCountDots"
        android:layout_alignParentEnd="true"
        android:layout_gravity="end"
        android:gravity="end"
        android:text="Next" />
</LinearLayout>

标签: androidandroid-layoutandroid-viewpagerandroid-linearlayout

解决方案


在我检查了你的布局之后,问题出在 linearLayout 上,你可以试试这个

<RelativeLayout
    android:id="@+id/viewPagerCountDots"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_alignParentBottom="true">
    <com.gc.materialdesign.views.ButtonFlat
        android:id="@+id/skip"
        android:layout_width="72dp"
        android:layout_height="wrap_content"
        android:layout_gravity="start"
        android:gravity="start"
        android:text="Skip"/>
    <com.gc.materialdesign.views.ButtonFlat
        android:id="@+id/next"
        android:layout_width="72dp"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_gravity="end"
        android:gravity="end"
        android:text="Next" />
</RelativeLayout>

推荐阅读