<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <com.viewpagerindicator.TabPageIndicator android:id="@+id/vpi_indicator" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/base_action_bar_bg" > </com.viewpagerindicator.TabPageIndicator> <android.support.v4.view.ViewPager android:id="@+id/vp_news" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" > </android.support.v4.view.ViewPager> </LinearLayout>
3.聲明viewpagerindicator,java代碼:java
vp_news.setAdapter(new NewsTabPagerAdapter());//給viewpager設置數據適配器 // ViewPagerIndicator聲明 TabPageIndicator indicator = (TabPageIndicator) mActivity .findViewById(R.id.vpi_indicator); indicator.setViewPager(vp_news);// 綁定必需要在viewpager設置好數據適配器以後
4.viewpager數據適配器類中重寫getPageTitle方法,java代碼:android
@Override//獲取title,從而indicator能夠今後獲取title public CharSequence getPageTitle(int position) { return mChildren.get(position).title;//這裏具體實現方法本身寫 }
5.在清單文件中給ViewpagerIndicator所在的activity設置主題,清單文件:ide
<activity android:name=".MainActivity" android:theme="@style/Theme.PageIndicatorDefaults" />
其餘樣式可在該主題裏改,得出一個黑色的背景,如圖:佈局
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/fl_main" android:background="#fff" android:layout_width="match_parent" android:layout_height="match_parent" > </FrameLayout>