带有标签布局的Android视图寻呼机

时间:2017-02-25 19:13:54

标签: android android-viewpager android-tablayout

我已经实现了viewpager for image slider with tablayouts作为指标,但似乎我不能在点之间做任何填充,这是寻呼机的布局

items

enter image description here

包含点的布局代码(tab_selector)

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="220dp"
    android:layout_below="@id/PlacesPageBanner">

    <android.support.v4.view.ViewPager
        android:id="@+id/placesPager"
        android:layout_width="match_parent"
        android:layout_height="180dp"
        android:layout_margin="10dp" />

    <android.support.design.widget.TabLayout
        android:id="@+id/tabDots"
        android:layout_width="match_parent"
        android:layout_height="7dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        app:tabBackground="@drawable/tab_selector"
        app:tabIndicatorHeight="0dp"
        app:tabMaxWidth="7dp" />

</RelativeLayout>

1 个答案:

答案 0 :(得分:0)

我认为问题出在您的@drawable/tab_indicator_selected@drawable/tab_indicator_default。为这些提供xml代码将有助于找到您的问题。

以下是我的表现:

选中标签指示

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:innerRadius="0dp"
            android:shape="ring"
            android:thickness="8dp"
            android:useLevel="false">
            <solid android:color="@color/colorAccent"/>
        </shape>
    </item>
</layer-list>

标签指示符默认

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:innerRadius="0dp"
            android:shape="ring"
            android:thickness="5dp"
            android:useLevel="false">
            <solid android:color="@android:color/darker_gray"/>
        </shape>
    </item>