viewpager android中的onfling指示器

时间:2013-05-30 12:20:44

标签: android viewpagerindicator

我正在开发一个Android应用程序,我在其中使用带有viewpagerAdapter的Tablerow。 当用户从一个页面滑动到另一个页面时,我需要添加一个指示器,我想为其添加一条水平线,如下图所示。

http://imgur.com/ZTD7w0e

我尝试添加图像(水平线),它适合所有3个标签,而不仅仅是tab1

以下是代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@color/white"
android:orientation="vertical" >

<TableLayout
    style="@style/layout_f_w"
    android:stretchColumns="*" >

    <TableRow
        android:id="@+id/tableRow1"
        style="@style/layout_wrap"
        android:background="#dddddd"
        android:clickable="true" >

        <!-- First Tab -->

        <LinearLayout
            android:id="@+id/first_text"
            style="@style/layout_f_w"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/textView1"
                style="@style/text_title"
                android:text="Tab1" />
        </LinearLayout>

            <LinearLayout
            android:id="@+id/second_text"
            style="@style/layout_f_w"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/textView1"
                style="@style/text_title"
                android:text="Tab2" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/third_text"
            style="@style/layout_f_w"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/textView1"
                style="@style/text_title"
                android:text="Tab3" />
        </LinearLayout>
    </TableRow>
</TableLayout>

<include
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    layout="@layout/indicator" />

<ImageView

    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/h_line" />

<android.support.v4.view.ViewPager
    android:id="@+id/viewPager"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />

谢谢!

1 个答案:

答案 0 :(得分:1)