自定义ViewPagerIndicator的LineIndicator

时间:2014-03-04 17:37:21

标签: android android-viewpager viewpagerindicator

我是ViewPagerIndicator的新手。我正在使用LineIndicatorViewPager。无论您将它们定位在哪里,默认外观都是微小的蓝线。

但是,如果我想改变颜色,宽度和高度,我该怎么做?

更新
如果您查看显示的sample phones,则中间的那个在底部有红线。该应用程序的标题显示“Line / Styled(via layout)”。这就是我想要实现的目标。

1 个答案:

答案 0 :(得分:5)

您只需要在.xml布局文件中设置LinePageIndicator样式。

EX:

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        />
    <com.viewpagerindicator.LinePageIndicator
        android:id="@+id/indicator"
        android:padding="5dip"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        app:strokeWidth="4dp"
        app:lineWidth="30dp"
        app:unselectedColor="#FF888888"
        app:selectedColor="#FF880000"
        />

</LinearLayout>