viewpagerindicator的使用

最新推荐文章于 2019-01-01 20:26:00 发布

and_hl

最新推荐文章于 2019-01-01 20:26:00 发布

阅读量327

点赞数

分类专栏： viewpagerindicator的使用文章标签： viewpagerindicator 开源库

本文链接：https://blog.csdn.net/and_hl/article/details/51751226

版权

viewpagerindicator的使用专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.下载viewpagerindicator的开源库

http://download.csdn.net/detail/and_hl/9558221

2. 进行项目的依赖

选中自己的项目---->右击选择properties---->选择左侧的Android---->在Library节点下Add下载好的viewpagerindicator的开源库

3. （如想用Fragment做ViewPager的item）创建ViewPager适配器

<span style="font-size:18px;">/**
	 * ViewPager适配器
	 */
    class TabPageIndicatorAdapter extends FragmentPagerAdapter {
        public TabPageIndicatorAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
        	//新建一个Fragment来展示ViewPager item的内容，并传递参数  参数为每一个Item的标题
        	Fragment fragment = new ViewPageIndicatorFragment(DataUtil.titles.get(position), MainContentFragment.this);
        	
            return fragment;
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return DataUtil.titles.get(position % DataUtil.titles.size());
        }

        @Override
        public int getCount() {
            return DataUtil.titles.size();
        }
    }</span>

4. 创建布局文件

<span style="font-size:18px;"><com.viewpagerindicator.TabPageIndicator
        android:id="@+id/tp_indicator"
        android:background="#EEEEEE"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        />
    <android.support.v4.view.ViewPager
        android:id="@+id/vp_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        /></span>

5. 在活动中进行配置

TabPageIndicator tp_indicator = (TabPageIndicator)view.findViewById(R.id.tp_indicator);
ViewPager pager = (ViewPager)view.findViewById(R.id.vp_content);

//ViewPager的adapter
FragmentPagerAdapter adapter = new TabPageIndicatorAdapter(mainActivity.getSupportFragmentManager());


pager.setAdapter(adapter); // ViewPager设置适配器
		        
tp_indicator.setViewPager(pager); // 使标题与ViewPager关联

6. 在资源文件values下的styles.xml文件中进行配置

<style name="StyledIndicators" parent="@android:style/Theme.Light">
        <item name="vpiTabPageIndicatorStyle">@style/CustomTabPageIndicator</item>
    </style>

    <style name="CustomTabPageIndicator" parent="Widget.TabPageIndicator">
        <!-- <item name="android:background">@drawable/tab_indicator</item> -->
        <item name="android:textAppearance">@style/CustomTabPageIndicator.Text</item>
        <item name="android:textSize">14sp</item>
        <item name="android:dividerPadding">2dp</item>
        <item name="android:showDividers">middle</item>
        <item name="android:paddingLeft">13dp</item>
        <item name="android:paddingRight">13dp</item>
        <item name="android:fadingEdge">horizontal</item>
        <item name="android:fadingEdgeLength">8dp</item>
    </style>

    <style name="CustomTabPageIndicator.Text" parent="android:TextAppearance.Medium">
        <item name="android:typeface">monospace</item>
        <item name="android:textColor">@drawable/selector_tabtext</item>
    </style>

7. 在AndroidManifest.xml清单文件中的当前活动中进行引用style

<activity
            android:name="com.own.todaytop.activity.MainActivity"
            android:label="@string/title_activity_main"
            android:theme="@style/StyledIndicators" >
        </activity>

8. 好了，运行你的程序吧！